js根据clss查找元素
时间: 2023-09-23 11:04:21 浏览: 44
可以使用以下几种方式来根据class查找元素:
1. 使用`document.getElementsByClassName()`方法:
```javascript
var elements = document.getElementsByClassName('your-class-name');
```
这个方法会返回一个类数组对象,其中包含所有class为`your-class-name`的元素。需要注意的是,这个方法是比较新的方法,不兼容低版本的浏览器。
2. 使用`document.querySelectorAll()`方法:
```javascript
var elements = document.querySelectorAll('.your-class-name');
```
这个方法会返回一个NodeList对象,其中包含所有class为`your-class-name`的元素。这个方法也可以使用CSS选择器来查找元素,比较灵活。
3. 使用循环遍历所有元素:
```javascript
var elements = document.getElementsByTagName('*');
var result = [];
for (var i = 0; i < elements.length; i++) {
if (elements[i].className === 'your-class-name') {
result.push(elements[i]);
}
}
```
这个方法会遍历页面中所有元素,找到class为`your-class-name`的元素并将其存入一个数组中。这种方法需要遍历整个页面,可能会比较耗时,不适合在大型页面中使用。
以上是几种根据class查找元素的方法,可以根据实际情况选择使用。