首页document.getElementsByClassName什么意思

document.getElementsByClassName什么意思

时间: 2023-12-04 09:41:01 浏览: 137

`document.getElementsByClassName` 是 JavaScript 中的一个方法，它可以返回文档中所有指定类名的元素集合，作为 NodeList 对象。这个方法可以通过 HTML DOM 对象来调用，例如 `document` 对象。使用这个方法可以方便地获取文档中指定类名的元素，从而进行后续的操作。以下是一个使用 `document.getElementsByClassName` 方法的例子：假设我们有以下 HTML 代码： ```html <!DOCTYPE html> <html> <head> <title>Example</title> </head> <body> <div class="example">这是一个例子</div> <div class="example">这也是一个例子</div> <div class="not-example">这不是一个例子</div> <script> var examples = document.getElementsByClassName("example"); for (var i = 0; i < examples.length; i++) { examples[i].style.color = "red"; } </script> </body> </html> ``` 在这个例子中，我们使用 `document.getElementsByClassName` 方法获取了所有类名为 "example" 的元素，并将它们的颜色设置为红色。这个例子中，我们使用了 JavaScript 来操作 HTML 元素，实现了动态修改样式的效果。

阅读全文