码迷,mamicode.com
首页 > Web开发 > 详细

js的元素对象

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

标签:element   asc   doc   document   tag   color   attr   ***   对象   

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

标签:element   asc   doc   document   tag   color   attr   ***   对象   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!