我无法访问 HTMLCollection

Question

当我使用 getElementsByClassName 时，我无法访问 HTMLCollection 类型。

我想得到长度，但我不能得到那个

var documentHeader = parent.document.all['header'];
var motionClass = documentHeader.getElementsByClassName('motion');

这是motionClass的结果

HTMLCollection []
 0: div.motion
 length: 1
 __proto__ : HTMLColletion

如果我访问长度结果为 0

我怎样才能导致这个问题？

Answer 1

注意：这里我们在 DOM 准备好时安全地执行代码。确保你这样做。

document.addEventListener('DOMContentLoaded', function() {
  let motionArray = document.getElementsByClassName('motion');
  console.log(motionArray.length);
});

<div class='motion'>test</div>
<div class='motion'>test</div>
<div class='motion'>test</div>
<div class='motion'>test</div>
<div class='motion'>test</div>
<div class='motion'>test</div>
<div class='motion'>test</div>