js的元素对象

元素对象（element对象）
** 要操作element对象，首先必须要获取到element，
- 使用document里面相应的方法获取
** 方法
*** 获取属性里面的值
getAttribute("属性名称")
- var input1 = document.getElementById("inputid");
//alert(input1.value);
alert(input1.getAttribute("value"));

*** 设置属性的值
input1.setAttribute("class","haha");

*** 删除属性
input1.removeAttribute("name");

** 不能删除value

*** 想要获取标签下面的子标签
** 使用属性 childNodes，但是这个属性兼容性很差
** 获得标签下面子标签的唯一有效办法，使用getElementsByTagName方法
- var ul11 = document.getElementById("ulid1");

<body>
    <ul id="ulid1">
        <li>aaaaaa</li>
        <li>bbbbbb</li>
        <li>cccccc</li>
    </ul>

    <script type="text/javascript">
        //获取到ul下面的所有子标签（子元素）
        //获取ul标签
        var ul11 = document.getElementById("ulid1");
        //获取ul下面的子标签  属性的兼容性很差一般我们不能用
        var lis = ul11.childNodes;
        alert(lis.length);
        //var lis = ul11.getElementsByTagName("li");
        //alert(lis.length);
    </script>

 </body>

相关推荐