js 如何获取class 的dom
时间: 2024-03-08 10:48:27 浏览: 15
JavaScript 中可以使用 `document.getElementsByClassName()` 方法获取指定 class 名称的 DOM 元素,该方法返回一个数组,包含了所有具有指定 class 名称的元素。具体实现如下:
```javascript
// 获取 class 名称为 "myClass" 的所有元素
var elements = document.getElementsByClassName("myClass");
// 遍历所有元素
for (var i = 0; i < elements.length; i++) {
var element = elements[i];
// 对每个元素进行操作
// ...
}
```
其中,`getElementsByClassName` 方法接受一个参数,即要获取的 class 名称,返回一个类数组对象,包含了所有具有该 class 名称的元素。可以使用 `for` 循环遍历该数组,对每个元素进行操作。
需要注意的是,`getElementsByClassName` 方法返回的是一个类数组对象,需要使用下标获取其中的元素。如果只需要获取第一个元素,可以使用 `querySelector` 方法,具体实现如下:
```javascript
// 获取 class 名称为 "myClass" 的第一个元素
var element = document.querySelector(".myClass");
```
其中,`querySelector` 方法接受一个 CSS 选择器作为参数,返回符合该选择器的第一个元素。