Javascript:更改 id 下某些特定元素的样式

Question

这是我的 html 代码:

<div class='row' id='row_1'>  
  <span></span><div style='display: inline-block;'></div>
  <span></span><div style='display: inline-block;'></div> 
  <span></span><div style='display: inline-block;'></div>   
</div>

我只想更改 <div> 的 css 属性标签或 <span> id='row_1' 下的标签如果我使用 document.getElementById("row_1")比如:

document.getElementById("row_1").style.backgroundColor = color_code;

它改变了 row_1 下所有东西的背景颜色ID。但我想更改特定标签的 css 属性，如 <div>或 <span> .我该怎么做？

Answer 1

希望对你有帮助...

var nodes = document.getElementById('row_1').getElementsByTagName("span");
for(var i=0; i<nodes.length; i++) {
    nodes[i].style.background = 'red';
}

<div class='row' id='row_1'>  
  <span>1</span><div style='display: inline-block;'></div>
  <span>2</span><div style='display: inline-block;'></div> 
  <span>3</span><div style='display: inline-block;'></div>   
</div>