Javascript Эквивалент следующего CSS

Question

Я хочу получить доступ к пролету внутри DIV:

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

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

Чтобы получить доступ к пяди с Hello в CSS Я хотел бы сделать это

#one>span{//CSS style} 

Что является эквивалентом это в javascript?

Answer 1

Один из способов заключается в использовании jQuery:

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

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

Answer 2

Вы можете выбрать этот узел с

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 
}