Javascript相当于以下CSS

Question

我想访问div中的span：

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

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

要在CSS中使用Hello访问范围，我会这样做

#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
}

Answer 2

一种方法是使用jQuery：

$('#one > span').get(); // as an array of elements

$('#one > span').get(0); // the first element (in your case, the 'Hello')