首页 > Web开发 > 详细

js的元素对象

时间:2016-10-23 23:54:25      阅读:363      评论:0      收藏:0      [点我收藏+]

元素对象(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的元素对象

原文:http://www.cnblogs.com/sunli0205/p/5991281.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!