js怎么通过class获取元素

Posted 2023-03-09

根据你的需求，举例如下：

document.querySelector：获取首个（单个）符合条件元素

document.querySelector(\'.name\'); //获取页面上首个class属性中包含name的元素。

document.querySelectorAll：获取全部符合条件元素

document.querySelectorAll(\'.name\'); //获取页面上全部class属性中包含name的元素。 参考技术A 我给你总结一下啊，因为class是类，所以呢，js中在通过class查找对象时，查找用的代码是：
document.getElementsByClassName
但是，这里有个细节，elements他找到的是一个集合，哪怕你的网页中class名字是唯一的，也是用数组进行存放的。就是说，如果你想通过class去找对象，要标明索引，浏览器才能识别出来。举个例子：
比如你有一个盒子：<div class="test"></div>
你要在JS中拿到这个盒子对象，那么你就要这样写：
var dom=document.getElementsByClassName("test")[0];
这句话的意思就是要先找到所有的classname是test的数组，然后取索引为0的元素
你听懂了吗？
当然你也可以用更为原始的办法
比如，通过getElementByTagName("*")找到所有元素，然后用一个for循环，判断.className==你想要的class对象进行筛选，用数组装起来，同样，你要调取单个的对象也要用数组加索引来调取这个元素，这样的代码网上很多，比如：这个网页所描述的代码 参考技术B var dialogHeaderEl = document.querySelector('.el-dialog__header');