我试着做一个简单的循环:
const parent = this.el.parentElement
console.log(parent.children)
parent.children.forEach(child => {
console.log(child)
})
但我得到了以下错误:
VM384:53未捕获类型错误:父级. children forEach不是一个函数
尽管有parent.children个日志(log):
有什么问题吗？
注:这是JSFiddle美元.
我试着做一个简单的循环:
const parent = this.el.parentElement
console.log(parent.children)
parent.children.forEach(child => {
console.log(child)
})
但我得到了以下错误:
VM384:53未捕获类型错误:父级. children forEach不是一个函数
尽管有parent.children个日志(log):
有什么问题吗？
注:这是JSFiddle美元.
parent.children是一个类似数组的对象.使用以下解决方案:
const parent = this.el.parentElement;
Array.prototype.forEach.call(parent.children, child => {
console.log(child)
});
parent.children是NodeList类型，这是一个类似数组的对象，因为:
length属性，该属性指示 node 数{0: NodeObject, 1: NodeObject, length: 2, ...}开始请在this article中查看更多详细信息.
parent.children是一个HTMLCollection:它实现了iterable protocol.在ES2015环境中，您可以将HTMLCollection与任何可接受iterables的构造一起使用.
将HTMLCollection与排列操纵器一起使用:
const parent = this.el.parentElement;
[...parent.children].forEach(child => {
console.log(child);
});
或者使用for..of循环(这是我的首选选项):
const parent = this.el.parentElement;
for (const child of parent.children) {
console.log(child);
}