document.getElementsByClassName这个js如何使用
时间: 2023-11-30 11:33:28 浏览: 87
js通过classname来获取元素的方法
5星 · 资源好评率100%
`document.getElementsByClassName` 是 JavaScript 中常用的方法之一,用于通过类名获取文档中符合指定类名的元素。它返回一个包含所有匹配元素的集合。
使用 `document.getElementsByClassName` 的基本语法如下:
```javascript
var elements = document.getElementsByClassName(className);
```
其中,`className` 是要匹配的类名,可以是单个类名或多个空格分隔的类名。
例如,如果你想获取页面中所有类名为 "myClass" 的元素,可以这样使用:
```javascript
var elements = document.getElementsByClassName("myClass");
```
返回的 `elements` 是一个类数组对象,可以通过下标或循环访问其中的元素。
如果你想获取多个类名同时匹配的元素,可以使用多个类名,例如:
```javascript
var elements = document.getElementsByClassName("class1 class2");
```
这样将获取所有同时具有 "class1" 和 "class2" 类名的元素。
请注意,`document.getElementsByClassName` 方法在所有主流浏览器中都得到支持。
阅读全文