使用javascript设置表格行的样式属性

Jef*_*eff 1 html javascript css

假设我有一个这样的页面

<html>    
    <body>
        <table id="t1">
            <tr><th>Head1</th><th>Head2</th></tr>
            <tr><td>1</td><td>2</td></tr>
            <tr><td>3</td><td>4</td></tr>
      </table>
   </body>
</html>
Run Code Online (Sandbox Code Playgroud)

我的CSS

table th { background:color1;} 
table td { background:color2;}
Run Code Online (Sandbox Code Playgroud)

如何使用JavaScript语句更改除标题行以外的所有行的背景颜色。遍历每一行和每一列是唯一的方法吗?

我可以document.getElementById('t1').rows[1]rows[2]和变化的背景。但是还有另一种有效的方法吗?

Cly*_*obo 6

您可以遍历元素并更改背景

var els = document.getElementById("t1").getElementsByTagName("td");

for(var i=0;i<els.length;i++){
  els[i].style.background = "green"   
}
Run Code Online (Sandbox Code Playgroud)