使用Javascript通过className或querySelectorAll获取所有子元素

使用Javascript通过className或querySelectorAll获取所有子元素,javascript,html,Javascript,Html,我找了很多答案,但没有找到合适的解决办法 我希望使用相同的类名获取所有div中的所有HTML元素,但重要的是,所有这些元素都是同一集合、数组或任何允许我循环的内容的一部分 假设我有两个div和一个名为“divTest”的类,如果我使用querySelectorAll来访问它,我将得到一个包含两个索引的子列表,第一个div为0,第二个为1。它会给我这些div中的所有元素,但它们不会在一起。我想同时访问这两个索引 我通过索引访问每个元素,并将其放入一个数组中,在该数组中,我传播了以下两个元素: su

我找了很多答案,但没有找到合适的解决办法

我希望使用相同的类名获取所有div中的所有HTML元素,但重要的是,所有这些元素都是同一集合、数组或任何允许我循环的内容的一部分

假设我有两个
div
和一个名为“divTest”的类,如果我使用
querySelectorAll
来访问它,我将得到一个包含两个索引的子列表,第一个
div
为0,第二个为1。它会给我这些
div
中的所有元素,但它们不会在一起。我想同时访问这两个索引

我通过索引访问每个元素,并将其放入一个数组中,在该数组中,我传播了以下两个元素:

submits = document.querySelectorAll(".divTest")[0].children;
submits1 = document.querySelectorAll(".divTest")[1].children;
arrayTeste = [...submits, ...submits1]

它是有效的,但我想知道是否有直接的方法可以做到这一点,比如访问同一代码行上的两个索引?

使用
.divTest>*
选择所有元素,这些元素是具有
divTest
类的元素的直接子元素:

console.log(
document.querySelectorAll('.foo>*').length
);

哦,太简单了。效果很好。非常感谢你,朋友。