document.getElementsByClassName
时间: 2023-11-01 20:15:53 浏览: 88
document.getElementsByName()的用法
document.getElementsByClassName 是 JavaScript 中的一个方法,用于获取文档中具有指定类名的所有元素。它返回一个类数组对象,可以通过下标或迭代器访问元素。
例如,如果文档中有以下 HTML 代码:
```html
<div class="box">
<p class="text">Hello World!</p>
</div>
<div class="box">
<p class="text">Goodbye World!</p>
</div>
```
我们可以使用以下代码获取所有类名为 "box" 的 div 元素:
```javascript
var boxes = document.getElementsByClassName("box");
```
此时,boxes 就是一个类数组对象,包含两个元素,分别是两个 div 元素。我们还可以进一步获取每个 div 元素中类名为 "text" 的 p 元素:
```javascript
for (var i = 0; i < boxes.length; i++) {
var text = boxes[i].getElementsByClassName("text")[0].innerHTML;
console.log(text);
}
```
上述代码会输出 "Hello World!" 和 "Goodbye World!",分别对应两个 div 元素中的 p 元素中的文本内容。
阅读全文