无法选择HTML集合子级

时间:2018-12-23 03:47:38

标签: javascript html dom

当我使用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如下所示:

enter image description here

1 个答案:

答案 0 :(得分:-1)

尝试使用console.dir(jara),它将为您提供更多有关循环中内容的信息。您可以随时对其进行深入研究,以了解如何定位子元素。我多次使用控制台日志和dir。