Javascript получить все прямые дети

Question

Мне нужно получить все прямые дети элемента. Как он есть здесь:

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

Мне нужны два DIV с классом «2», используя один с классом «1». Обычный JavaScript - нет библиотек.

(Они же класс в этом примере только, чтобы быть более ясным. В моей потребности они с разных, неизвестных классов.)

Answer 1

Одним из вариантов является использование direct child combinator, > и универсальный селектор, *, для того, чтобы выбрать прямые дочерние элементы любого типа:

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

с другой стороны, есть также .children property, который будет возвращать все прямые дочерние элементы:

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