Javascript得到所有直接的孩子

Question

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

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

我需要使用类"1"的两个DIV和类"1".普通的JavaScript - 没有库.

(他们在这个例子中是同一个类,只是为了更清楚.在我需要的时候,他们有不同的,未知的类.)

Answer 1

一种选择是使用直接子组合>器和通用选择器,*以便选择任何类型的直接子元素:

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

或者,还有一个.children属性将返回所有直接子元素:

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