getElementsByClassName
时间: 2023-06-10 17:08:23 浏览: 217
js通过classname来获取元素的方法
5星 · 资源好评率100%
getElementsByClassName 是一个 JavaScript 方法,用于通过元素的类名获取文档中的元素。它返回一个 HTMLCollection 对象,其中包含所有具有指定类名的元素。
该方法接受一个参数,即一个字符串,该字符串指定要匹配的类名。类名可以是单个类名或多个类名,用空格隔开。如果要匹配多个类名,则这些类名必须按照它们在元素中出现的顺序进行匹配。
例如,以下代码将获取文档中所有具有 "my-class" 类的元素:
```
var elements = document.getElementsByClassName("my-class");
```
注意,通过该方法获取的元素集合是实时的,这意味着如果文档中的元素更改了它们的类名,集合中的元素也会相应地更改。此外,该方法返回的集合与数组类似,但不是真正的数组,因此它没有数组的所有方法,如 push()、pop()、forEach() 等。但是,可以使用 Array.from() 或 Array.prototype.slice.call() 将其转换为真正的数组。
阅读全文