Javascript相当于以下CSS

Question

我想访问div中的span:

<div id="one">
    <span>Hello</span>
</div>

<div id="oe">
    <span>llo</span>
</div>

要使用HelloCSS 访问span,我会这样做

#one>span{//CSS style}

在javascript中这相当于什么？

Answer 1

您可以选择此节点

document.querySelector('#one > span')

如果您有多个节点,可以querySelectorAll像这样使用:

var nodes = document.querySelectorAll('#one > span');
for(var i = 0; i < nodes.length; i++) {
  var node = nodes[i];
  // do stuff with node here
}