使用Javascript通过className或querySelectorAll获取所有子元素
使用Javascript通过className或querySelectorAll获取所有子元素
提问于 2019-11-14 08:32:22
我花了很多时间寻找答案，但我没有找到任何合适的解决方案。
我希望获得所有div中具有相同className的所有HTML元素，但重要的是，所有这些元素都是同一集合或数组的一部分，或者是允许我遍历它的任何东西。
假设我有两个divs，有一个叫做'divTest‘的类，如果我使用querySelectorAll去访问它，我会得到一个有两个索引的childList，0代表第一个div，1代表第二个索引。它将为我提供这些divs中的所有元素，但它们不会在一起。我想同时访问这两个索引。
我通过索引访问每个元素，并将其放入一个数组中，在数组中我扩展了这两个元素：
submits = document.querySelectorAll(".divTest")[0].children;
submits1 = document.querySelectorAll(".divTest")[1].children;
arrayTeste = [...submits, ...submits1]它可以工作，但我想知道是否有一种直接的方法可以做到这一点，比如访问同一代码行上的两个索引？
回答 1
Stack Overflow用户
回答已采纳
发布于 2019-11-14 08:34:19
使用.divTest > *选择作为具有divTest类的元素的直接子元素的所有元素：
console.log(
document.querySelectorAll('.foo > *').length
);<div class="foo">
<div></div>
<div></div>
</div>
<div class="foo">
<div></div>
<div></div>
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/58847689
复制相关文章
相似问题
腾讯云开发者
