JavaScript如何给Table行设置颜色？

1.首先，在CSS文件中定义要设置的颜色。比如，

.resetrowscolor {
background-color: red;
}

2.在要显示的页面中引入该CSS文件，比如

3.在JS中定义设置颜色的function:

function resetRowsColor(tableName)
{
     var myTable = document.getElementById(tableName);
     for (var i = 1; i < myTable.rows.length; i++) {
         myTable.rows[i].className = 'resetrowscolor';
     }
}

然后在需要设置Table行颜色的地方调用它，比如：

resetRowsColor("childexam"); //ChildExam为要设置的table id

转载于:https://www.cnblogs.com/yangxiaowei/p/3581996.html

JavaScript如何给Table行设置颜色？相关推荐

css表格设置行列的颜色,CSS：为表格中的选定行设置颜色
我需要将以下功能添加到我的表中:当用户单击某行(选择它)时,该行用颜色#FFCF8B标记(与hover相同).我试过#newspaper-b tbody tr.selected td,但它不起作用.C ...
html语言对奇偶数行设置颜色,纯CSS实现奇偶数行颜色交替(兼容主流浏览器)
做一张li二倍高的背景图,然后,上半部分PS成奇数行颜色,下半部分PS成偶数行颜色,然后将这张图定义给ul任其平铺.这样一来,纵使有万千行,它也会轻而易举的交替颜色... 本文DEMO背景图(1*50 ...
ag-grid 设置单元格以及行的颜色
在使用ag-grid的时候有通过单元格的值设置不同行颜色,然后百度了网上的方法,汇总了一下,具体效果图如下: 话不多说,直接上代码. <!doctype html> <html> ...
extjs grid 整行变颜色_EXTJS根据值Value改变gridpanel单元格背景颜色或者设置整行字体颜色...
第一步. 设置样式 .reportColor4{ background: #93A9C1; } .reportColor5{ background: #EEEEEE; } 第二步.修改单元格样式 he ...
雷林鹏分享：jQuery EasyUI 数据网格 - 条件设置行背景颜色
jQuery EasyUI 数据网格 - 条件设置行背景颜色本教程将向您展示如何根据一些条件改变数据网格(datagrid)组件的行样式.当 listprice 值大于 50 时,我们将为该行设置不 ...
设置Table单元格颜色（Table篇三）
组件:Y_XIAO_03 视图:V_MAIN 窗口:W_MAIN Application:Y_XIAO_03 创建组件. 创建节点. 参考类型(重要字段:CELL_COLOR TYPE WDUI_TA ...
html怎么设置数据条的颜色,jQuery EasyUI 数据网格 – 条件设置行背景颜色 | 菜鸟教程...
jQuery EasyUI 数据网格 - 条件设置行背景颜色本教程将向您展示如何根据一些条件改变数据网格(datagrid)组件的行样式.当 listprice 值大于 50 时,我们将为该行设置不 ...
Hutool如何给Excel按行设置背景颜色
在利用hutool根据某列给Excel设置背景色时,你可能会遇见,设置背景色不生效或者后面填充的背景色会覆盖前面填充的背景色.下面给出一个已经实现了根据某列条件设置某行背景颜色的案例代码. 目录 1 ...
设置element ui table表格线条颜色以及设置圆角/解决element ui table设置圆角后线条不显示或显示模糊问题，亲测有效
问题描述 table表格设置为圆角后并且设置table border颜色,设置圆角后导致修改颜色后的border无法显示问题解决 /* 设置圆角以及边框颜色 */.el-table{border-r ...

JavaScript如何给Table行设置颜色？

JavaScript如何给Table行设置颜色？相关推荐

最新文章

热门文章