属性的操作包括:读和写
方法:
1)”.“操作
2)”[ ]“操作
eg:
var oDiv = document.getElementById('div1');
var attr = 'color';
//这里的attr是变量,使用时要用[attr],而不是.attr
oDiv.style[attr] = 'red';
属性写法:
1)html属性和js属性写法相同。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"> // 这个函数的作用是:当整个文档加载完成之后,再执行{}中的内容 window.onload = function () { var oA = document.getElementById('link1'); //“写”操作 document.getElementById('div1').title = '我看到了!'; oA.href = 'http://www.baidu.com'; oA.title = '去百度网'; //“读”操作 alert(oA.id) } </script> </head> <body> <div id="div1" class="div1" style="color:red" title="div元素,你看到了吗"> 这是div元素 </div> <a href="#" id="link1">百度</a> </body> </html>
2)”class“属性写成”className“,因为class在js中是一个关键字。
3)”style“属性里面的属性,font-size这种带-的,要变为fontSize
innerHTML:
通过innerHTML可以读写元素包括的内容。eg:alert(oDiv.innerHTML);oDiv2.innerHTML = "<a href="http://www.baidu.com">百度</a>"