HTMLCollection.item()函数返回null

Question

在一个angular应用程序中，我使用普通的JS通过类名Code获取元素：

var testElements = document.getElementsByClassName("project-link");
console.log(testElements);

打印结果如下：

[item: function, namedItem: function]
0: a.project-link.ng-binding
1: a.project-link.ng-binding
...
30: a.project-link.ng-binding
length: 32
__proto__: HTMLCollection

然而。如果我尝试单独打印一个项目，则返回null：

console.log(testElements.item(4));
null

我不明白这段代码出了什么问题，我也试过Array.prototype.filter.call函数，但它也不能工作。有什么想法吗？

Answer 1

我通过在窗口加载函数中添加我的代码修复了这个错误：

window.addEventListener("load", function(event) {
   // your code ....
 });

Answer 2

setTimeout(() => {
  console.log(testElements.item(4));
}, 0);

试试这个，可能会有帮助~

我不知道为什么，但它对我很有效。