JavaScript基础20——element对象

 <!DOCTYPE html>
 <html>
     <head>
         <meta charset="utf-8">
         <title>element对象</title>
         <script type="text/javascript">
             // element对象
             /*
                 获取属性：getAttribute(name)
                 设置属性：setAttribute(name, value)
                 删除属性：removeAttribute(name)
             */
         </script>
     </head>
     <body>
         <!-- <input type="text" id="textId" value="textContent" /> -->
         <ul>
             <li>aaa</li>
             <li>bbb</li>
             <li>ccc</li>
         </ul>
         <script type="text/javascript">
             // 获取input标签
             // var input = document.getElementById("textId");
             // 获取value值
             // document.write(input.getAttribute("value"));
             // 获取id值，使用方法获取class值可以避免关键字冲突
             // document.write(input.getAttribute("id"));
             // 设置value属性值
             // input.setAttribute("value", "NewContent");
             // 删除id属性，不能删除value属性
             // document.write("<br />原始值：" + input.id);
             // input.removeAttribute("id");
             // document.write("<br />删除后：" + input.id);
             var ul = document.getElementsByTagName("ul")[0];
             // childNodes属性的浏览器兼容性很差，所以使用getElementsByTagName()方法
             var lis = ul.getElementsByTagName("li");
             document.write(lis.length);
         </script>
     </body>
 </html>