javascript - 无法选择 HTML 集合子项

Question

当我使用console.log(jara.children);时，控制台显示：

HTMLCollection []
  0: div#jarallax-container-2
  length: 1
  jarallax-container-2: div#jarallax-container-2
  __proto__: HTMLCollection 

它显示长度：1。但是，当我使用console.log(jara.children.length);打印集合长度时，它都显示0。这有点奇怪，我对 HTML dom 不太熟悉，有人可以解释一下吗？

编辑：

var jaras = [].slice.call(document.querySelectorAll("div.jarallax"));
console.log(jaras);
jaras.forEach(function (jara) {
  console.log(jara.children.length);
});

由于我使用https://github.com/nk-o/jarallax这个包进行视差滚动，DOM 如下所示：

标签： javascripthtmldom

Answer 1

尝试使用console.dir(jara)它会给你更多关于你正在通过你的循环的上下文。您始终可以深入研究它以了解您需要如何定位子元素。我多次使用控制台日志和目录。