Javascript讓所有的直接孩子

Question

我需要得到一個元素的所有直接孩子。因爲它在這裏：

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

我需要使用類「1」與類「2」的兩個DIV。普通的JavaScript - 沒有庫。

（他們是在這個例子中，同一類只是爲了更加清晰。在我最需要它們是不同的，未知的類。）

Answer 1

一種選擇是使用direct child combinator, >，和通用選擇，*，爲了選擇任何類型的直接子元素：

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

另外，也有.children property，將返回所有直接子元素：

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