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

标签 javascript html 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>

我的 CSS

table th { background:color1;} 
table td { background:color2;}

如何使用 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"   
}

关于javascript - 使用 javascript 设置表格行的样式属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11889349/

相关文章:

javascript - 未及时设置状态以便新的 setState() 注册更改

javascript - 在 iframe 内扩展 DOM 元素的原型(prototype)

javascript - 在 HTML URL 链接中传递值

javascript - 如何刷新 PHP 页面中的 div 类

php - 为什么移动站点时横幅有点偏离

css - 使用 Webpack 的提取文本插件捆绑时,LESS 导入不起作用

javascript - 无法使用自定义 PUBLIC_URL 构建 create-react-app 项目

javascript - 如果选择了单选按钮,则启用按钮

javascript - 点击播放音频

javascript - 如何水平居中两列列表项(有或没有 Bootstrap)?