javascript - 我无法访问 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>