文档对象的获取

最新推荐文章于 2022-04-17 12:53:00 发布

weixin_34415923

最新推荐文章于 2022-04-17 12:53:00 发布

阅读量91

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/wwthuanyu/p/10555305.html

版权

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <h1 class="abc">helloworld</h1>
        <h1 id="aa">nihao666</h1>
        <script type="text/javascript">
            //获取文档里面的具体某一个元素，通过css的标签、类、id选择可以选中元素，如果有多个元素，都被选择器选上，那么实际上只会选中最前面的元素
            var h1 = document.querySelector('h1')
            console.log(h1)
            
            
            //想选中多个元素
            var h1List = document.querySelectorAll('h1')
            console.log(h1List)
            
//            //document.queryselector,document.queryselectorAll都是ES5支持，es5标准发布时间是2008年，JQUERY库有类似于这样的功能，因为大家一致认同这样选择元素的模式，所以逼迫浏览器开发人员加上这样的功能
//            
//        
//            
//            //通过标签获取元素对象
            var h1bytag = document.getElementsByTagName('h1')
            console.log(h1bytag)
//            
//            
//            //通过样式类获取元素对象
            var h1byclass = document.getElementsByClassName('abc')
            console.log(h1byclass)
//            
//            //通过ID获取元素对象
//            var h1byid = document.getElementById('aa')
//            console.log(h1byid)
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
        </script>
    </body>
</html>