js遍历HTMLCollection
时间: 2023-10-27 22:17:31 浏览: 267
js中将HTMLCollection NodeList 伪数组转换成数组的代码.docx
5星 · 资源好评率100%
可以使用 for 循环或者 forEach() 方法来遍历 HTMLCollection。
使用 for 循环的示例代码如下:
```js
var collection = document.getElementsByTagName('div');
for (var i = 0; i < collection.length; i++) {
console.log(collection[i].innerHTML);
}
```
使用 forEach() 方法的示例代码如下:
```js
var collection = document.getElementsByTagName('div');
Array.prototype.forEach.call(collection, function(element) {
console.log(element.innerHTML);
});
```
需要注意的是,HTMLCollection 是一个类数组对象,不能直接使用数组的方法来遍历,需要使用 Array.prototype 上的方法来转换成数组后再进行操作。
阅读全文