39、Dom查询其它方法

最新推荐文章于 2023-03-07 08:41:17 发布

五仁卤鸡翅

最新推荐文章于 2023-03-07 08:41:17 发布

阅读量97

点赞数

分类专栏： JS 文章标签： javascript

本文链接：https://blog.csdn.net/MoonNight608/article/details/106856178

版权

JS 专栏收录该内容

43 篇文章 0 订阅

订阅专栏

文章目录

介绍
Dom查询其它方法

介绍

本文是在学习JS所做的学习笔记，所有笔记内容请看：JS学习笔记

Dom查询其它方法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
   <script>
   window.onload=function(){
       // 获取body标签
       var body = document.getElementsByTagName("body")[0]
       
    1、在document中有个属性body，他保存的body的引用
       var body=document.body
      
     2、document.documentElement 获取html跟标签
        var de=document.documentElement
       
   
     3、document.all 
        代表页面中的所有元素
        var all=document.all
        all === document.getElementsByTagName("*");
       
 
     4、根据元素的class的属性值查询一组元素的节点对象
         ie9以上的浏览器才支持
        var box1=document.getElementsByClassName("box1");
        console.log(box1.length)
     
     5、获取页面所有div
       var  divs=document.getElementsByTagName("div");
       
    
    6、document.querySelector()
        - 需要一个选择器的字符串作为参数，可以根据一个css的选择器来获取元素
          虽然ie8中没有getElementsByClass,但可以使用querySelector()代替
        - 使用该方法总会返回唯一的元素，如果满足条件的元素有多个，但只会返回第一个
        
        var div=document,querySelector(".box1 div")
               
   7、document.querySelectorAll()
        该方法和querySelector()用法类似，但会查询所有满足条件的封装到类数组中返回
        
       
   }

</script>
   
<div></div>
</body>
</html>

五仁卤鸡翅

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
39、Dom查询其它方法

文章目录介绍Dom查询其它方法介绍本文是在学习JS所做的学习笔记，所有笔记内容请看：JS学习笔记Dom查询其它方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <script> window.onload=funct
复制链接

扫一扫

专栏目录