Javascript可以让所有直接的孩子

Question

我需要获得元素的所有直接子元素。就像在这里：

<div class='1'>
    <div class='2'>
        <div class='3'></div>
    </div>
    <div class='2'></div>
</div>

我需要两个DIV与班级＆＃34; 2＆＃34;使用类＃34; 1＆＃34;。简单的JavaScript - 没有库。

（在这个例子中它们是相同的类只是为了更清楚。在我需要的时候，它们有不同的，未知的类。）

Answer 1

一种选择是使用direct child combinator, >和通用选择器*，以便选择任何类型的直接子元素：

document.querySelectorAll('.element > *');

或者，还有一个.children property将返回所有直接子元素：

document.querySelector('.element').children;