码迷,mamicode.com
首页 > 其他好文 > 详细

元素节点的获取的六种方法

时间:2020-03-28 13:06:20      阅读:62      评论:0      收藏:0      [点我收藏+]

标签:获取   doc   nbsp   兼容   选择器   sele   ie8   script   参数   

 
<html>

 

<head>

 

</head>

 

<body>



    <script>
        //1 通过标签的id属性获取元素
        document.getElementsById(参数)
        // 注意:
        // 1)参数不需要加#
        // 2)id值相同时只能获取第一个
        // 3)参数区分大小写

 

        // 2 通过标签名来获取元素(类似数组)
        document.getElementsByTagName(参数)
        // 注意:
        // 1)参数不区分大小写
        // 2)返回值为“伪数组”,可以通过下标获取其中某个元素

 

        // 3 通过标签的name属性来获取元素(类似数组)

 

        // 4 通过标签的class属性来获取元素
        //(数组),有浏览器兼容性,主要是ie8以下
        var list = document.getElementsByClassName(‘sty‘);
        //5 通过css选择器获取页面元素
        var objs = document.querySelector(‘div,p‘);
        console.log(objs);
        //6 通过css选择器获取页面元素
        var objs = document.querySelectorAll(‘div,p‘);
        console.log(objs);

 

    </script>
</body>

 

</html>

元素节点的获取的六种方法

标签:获取   doc   nbsp   兼容   选择器   sele   ie8   script   参数   

原文地址:https://www.cnblogs.com/1998Archer/p/12586672.html

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