首页 > 代码库 > js的元素对象

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>

 

js的元素对象