Выбор прямых детей в JavaScript

Как вы выбираете все прямые дочерние элементы элемента, независимо от типа элемента, в JavaScript?

Вот как вы это делаете в JQuery:

$("#someID > *").addClass("some-class");

Что такое эквивалент JavaScript?

2 ответа

document.querySelectorAll() работает практически так же, как селектор jQuery для большинства случаев (не все, хотя!). Просматривая classList свойство NodeList, classList установите соответствующий класс.

var els = document.querySelectorAll( '#someID > *' );
for( var i=els.length; i--; ) {
 els[i].classList.add( 'some-class' );
}


Можешь попробовать:

Array.prototype.forEach.call(
 document.getElementsById('someId').children,
 function (it) {
 it.classList.add('some-class');
 }
);

licensed under cc by-sa 3.0 with attribution.