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