document.getElementsByClassName获取多个类名
时间: 2023-11-10 17:02:22 浏览: 321
是的,document.getElementsByClassName可以获取多个类名。它的语法是:
```
document.getElementsByClassName(class1[, class2, ...])
```
其中,class1是必须的参数,表示要获取的类名。可以传入多个类名,用逗号隔开。如果传入多个类名,则获取的元素必须同时包含这些类名。
返回的是一个类数组对象,即HTMLCollection类型,包含了所有具有指定类名的元素。可以通过遍历这个集合来访问每个元素。
相关问题
document.getElementsByClassName获取不同类名的元素
可以使用以下方法来获取不同类名的元素:
1. 使用querySelectorAll方法来选择多个类名:
```javascript
var elements = document.querySelectorAll('.class1, .class2');
```
2. 使用getElementsByClassName方法来获取一个类名,然后再使用循环来检查是否包含其他类名:
```javascript
var elements = document.getElementsByClassName('class1');
var result = [];
for (var i = 0; i < elements.length; i++) {
if (elements[i].classList.contains('class2')) {
result.push(elements[i]);
}
}
```
这将返回所有具有class1和class2类名的元素。
document.getElementsByClassName()可以同时获取两个类名吗
是的,`document.getElementsByClassName()`方法可以同时获取多个类名。你可以传递一个由多个类名组成的字符串,类名之间用空格分隔。例如,如果你想获取具有类名为'index_detail_title'和'index_huafei'的元素,可以使用以下代码:
```
document.getElementsByClassName('index_detail_title index_huafei')
```
这将返回同时具有这两个类名的元素集合。
阅读全文