JavaScript 获取元素的方法

最新推荐文章于 2023-11-06 00:00:33 发布

weixin_45702159

最新推荐文章于 2023-11-06 00:00:33 发布

阅读量123

点赞数

文章标签： javascript js

本文链接：https://blog.csdn.net/weixin_45702159/article/details/103624986

版权

根据id属性的值获取元素,返回来的是一个元素对象

  document.getElementById("id属性的值");

根据标签名字获取元素,返回来的是一个伪数组,里面保存了多个的DOM对象

  document.getElementsByTagName("标签名字");

下面的几个,有的浏览器不支持

根据name属性的值获取元素,返回来的是一个伪数组,里面保存了多个的DOM对象

 document.getElementsByName("name属性的值")

根据类样式的名字来获取元素,返回来的是一个伪数组,里面保存了多个的DOM对象

document.getElementsByClassName("类样式的名字")

根据选择器获取元素,返回来的是一个元素对象

 document.querySelector("选择器的名字");
 //例如：
   document.querySelector("#btn");
   document.querySelector(".cls");

根据选择器获取元素,返回来的是一个伪数组,里面保存了多个的DOM对象

document.querySelectorAll("选择器的名字")

注意：
1、querySelector只返回匹配的第一个元素，如果没有匹配项，返回null。
2、querySelectorAll返回匹配的元素集合，如果没有匹配项，返回空的nodelist(节点数组)。
3、返回的结果是静态的，之后对document结构的改变不会影响到之前取到的结果

关注