Array.from 返回空数组

doo*_*man 5 javascript angular

我正在尝试过滤 div 元素的子元素。

我可以通过 Angular ViewChild 直接访问父级 div,如果我像这样打印子级

console.log(this.myParentDiv.nativeElement.children);
Run Code Online (Sandbox Code Playgroud)

我在 Chrome 中得到以下输出:

在此输入图像描述

我需要将其转换为数组才能过滤 div。但是如果我像这样转换它

console.log(Array.from(this.myParentDiv.nativeElement.children));
Run Code Online (Sandbox Code Playgroud)

它返回一个空数组。

知道为什么它返回空吗?

小智 0

我认为这种情况下的问题是 Javascript 代码在 html 文档准备好之前就被执行了。

将您的 JS 代码移动或导入到页面底部,问题应该会得到解决。