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]和变化的背景。但是还有另一种有效的方法吗?
您可以遍历元素并更改背景
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)