1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <title>element对象</title>
6 <script type="text/javascript">
7 // element对象
8 /*
9 获取属性:getAttribute(name)
10 设置属性:setAttribute(name, value)
11 删除属性:removeAttribute(name)
12 */
13 </script>
14 </head>
15 <body>
16 <!-- <input type="text" id="textId" value="textContent" /> -->
17 <ul>
18 <li>aaa</li>
19 <li>bbb</li>
20 <li>ccc</li>
21 </ul>
22 <script type="text/javascript">
23 // 获取input标签
24 // var input = document.getElementById("textId");
25 // 获取value值
26 // document.write(input.getAttribute("value"));
27 // 获取id值,使用方法获取class值可以避免关键字冲突
28 // document.write(input.getAttribute("id"));
29 // 设置value属性值
30 // input.setAttribute("value", "NewContent");
31 // 删除id属性,不能删除value属性
32 // document.write("<br />原始值:" + input.id);
33 // input.removeAttribute("id");
34 // document.write("<br />删除后:" + input.id);
35 var ul = document.getElementsByTagName("ul")[0];
36 // childNodes属性的浏览器兼容性很差,所以使用getElementsByTagName()方法
37 var lis = ul.getElementsByTagName("li");
38 document.write(lis.length);
39 </script>
40 </body>
41 </html>