在JavaScript中选择直接子项

Question

如何在JavaScript中选择元素的所有直接子元素，而不管是什么类型的元素？

以下是您在JQuery中的表现：

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

什么是JavaScript等价物？

Answer 1

对于大多数情况，

document.querySelectorAll()与jQuery选择器的工作方式相同（不是全部！）。 遍历生成的NodeList，classList属性以设置各自的类。

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

Answer 2

您可以尝试：

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