document.getElementsByClassName 获取文本
时间: 2023-08-11 21:17:16 浏览: 99
`document.getElementsByClassName` 方法是用来获取文档中具有指定 class 名称的所有元素的集合。它返回一个 HTMLCollection 对象,这个集合包含了所有具有该类名的元素。但是这个方法并不能获取文本内容,它只能获取元素节点。如果要获取元素节点中的文本内容,可以使用元素的 `innerText` 或 `textContent` 属性来获取。例如:
```javascript
var elements = document.getElementsByClassName("example-class");
for (var i = 0; i < elements.length; i++) {
console.log(elements[i].innerText);
}
```
这段代码会获取所有类名为 "example-class" 的元素,并输出它们的文本内容。
相关问题
document.getElementsByClassName
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 元素中的文本内容。
document.getElementsByClassName取出来的是什么类型
`document.getElementsByClassName`返回的是一个HTMLCollection对象,它类似于一个数组,包含了所有指定类名的元素。可以通过索引或循环来访问这些元素。
以下是一个示例代码,演示如何使用`document.getElementsByClassName`获取所有类名为"example"的元素,并将它们的文本内容输出到控制台:
```javascript
var elements = document.getElementsByClassName("example");
for (var i = 0; i < elements.length; i++) {
console.log(elements[i].textContent);
}
```