JavaScript 表格中行改变颜色

最新推荐文章于 2021-10-22 23:31:24 发布
原创 最新推荐文章于 2021-10-22 23:31:24 发布 · 1.6k 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#javascript #function
本文介绍了一个JavaScript函数，用于取消HTML表格中被选中行的背景颜色高亮显示。该函数通过遍历指定ID的表格元素并重置其行背景色来实现功能。此外，还提供了一种方法来改变触发事件的单元格背景色。
function CancelTrSelected(tableId)
{

    var i;
    var obj = document.getElementById(arguments[0]);
    
    
    for (i=1; i < obj.rows.length; i++) 
    {
        
        obj.rows(i).style.backgroundColor='#FFFFFF';
    }
    
    if(event.srcElement.tagName =='TD')
    event.srcElement.parentElement.style.backgroundColor='#CCCCCC';
    else if(event.srcElement.parentElement.tagName =='TD')
    event.srcElement.parentElement.parentElement.style.backgroundColor='#CCCCCC';
    else if(event.srcElement.parentElement.parentElement.tagName =='TD')
    event.srcElement.parentElement.parentElement.parentElement.style.backgroundColor='#CCCCCC';
}

用法 <tr><td><div onClick="CancelTrSelected('tableName')">TEXTContent</div></td></tr>
 
Ngufer
关注
js 控制table行的颜色
iteye_9657的博客
10-27 593
Table /** * 仿 Prototype 的 $ 方法 */ window.$ = function(id) { if(typeof id == 'string') { return document.getElementById(id); } return id; } /** * 色彩渐变 * ...
table隔行变色与table单元格根据条件更改字体颜色
weixin_30622107的博客
07-27 535
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表格隔行变色</title> </head> <script> //表格隔行变色 function C...
C1Grid 显示序号及更改某一行 或者某一个单元格的颜色示例
Transform
03-26 994
主要关键代码： CellStyle color = grid.Styles.Add(“rowredcolor”); color.ForeColor =Color.Red grid.SetCellStyle(0, 5, color);//单元格 grid.Rows[i].Style = color;//行 特别注意：HighLight的优先级别最高。会影响单元格的显示。 例子 pri...
DOM表格 简单购物车、表格隔行变色、表格行颜色随鼠标移动变色
Birdlun的博客
07-06 527
目录 DOM访问表格元素 常用属性和方法 rows[index]返回表格指定的行为对应属性 cells[index]返回表格指定的列所对应的属性 表格的增删改查 表格添加删除常用方法 表格行添加删除方法 列：实现购物车 列：设置表格颜色并实现隔行变色 DOM访问表格元素 常用属性和方法 caption 返回表格的标题对象 rows 返回该表格里的所有表格行 tbo...
table隔行变色
b147180731的博客
07-31 190
我们在操作divul li的时候一般都是用document.getElementById和document.getElementsTagName选择器来选择元素，而当我们操作表格应用的时候有更简便的JS操作方式； 　　比如：tBodies,　　　　//选择表格身体tbody 　　　　　　tHead,　　　　//选择表格头部，一个表格中只能含有一个头部 　　　　　　tFoot,　　...
【javaScript】JS实现鼠标经过时，更改表格的行的颜色
kuyoru's blog
10-22 550
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>表格隔
全选并改变TR颜色
rain的专栏
05-06 1299
http://hi.baidu.com/abc300/blog/item/4be31cfbb6fd3e106d22ebff.html   全选并改变TR颜色[日期：01-05] 来源： 作者： [字体：大 中 小] 网页特效|Linkweb.cn/Js|---全选并改变TR颜色tr_bgcolor(this);function tr_bgcolor(c){var tr =
表格交替色，单击改变行颜色等
573's 自由天空下
07-15 1937
关于表格颜色 var tmpColor=""; var clickcolor="#aac6f8"; var arrBg=["#ffffff","#d8e9fd"]; //表格交替色 ///////////////单击改变行颜色//////////////// function clickto(){source=event.srcElement; if (source.tagName=="
html怎么改表格背景,javascript修改表格背景色实例代码分享
weixin_39857153的博客
06-24 568
//点击当前选中行的时候设置当前行的颜色，同时恢复除当前行外的行的颜色及鼠标事件function selectRow(target){var sTable = document.getElementById("ServiceListTable")for(var i=1;i{if (sTable.rows[i] != target) //判断是否当前选定行{sTable.rows[i].bgColo...
WinForm 设置dataGridView某行某列字体颜色
Scarlett的博客
07-20 4245
dataGridView.Rows[7].Cells[1].Style.ForeColor = Color.Red;
table根据表格内的元素改变行颜色的javascript实现
热门推荐
柳汀轩
07-08 1万+
本例要实现的功能是根据表格第四列的数值划分的区间，分别赋予相应行以不同的颜色。 js<script type="text/javascript"> function co(){ var table = document.getElementById("tab"); var len = table.rows.length; var _row = tabl
javaScript改变单元格的背景颜色
yang472579211的博客
08-28 3080
var bgClickVal = "#cc66ff";//点击时背景颜色的值 function changeColorByClick(tdObj){ //点击时改变背景,tObj为单元格对象 if(tdObj.bgColor.toLowerCase()==bgClickVal) tdObj.bgColor="";//bgColor要注意大小写 else{ tdObj.b...
JavaScript 控制表格的行的颜色
caoliangang的专栏
04-17 627
js改变选择的行颜色
qinzhijun的博客
06-26 428
//点击当前选中行的时候设置当前行的颜色，同时恢复除当前行外的行的颜色及鼠标事件 function selectRow(target) { var sTable = document.getElementById("ServiceListTable") for(var i=1;i...
js控制表格颜色
贾世鑫的博客
10-08 4275
题目：用js控制表格颜色，每三行换一次颜色 代码： 表格 1 2 3 4 5 6 7 8 9 10 window.onload=function(){ var tbl = document.getElementById("tbl"); rows = tbl.getElementsByTagName("tr"); for(i=0;i<r
js和jq设置表格颜色的区别
jx1234562的博客
09-07 512
代码献上，具体的代码解释: jq的代码献上 &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;使用jQuery完成表格隔行换色&lt;/title&gt; &lt;link rel="stylesheet" href="css/style.css" /&am
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值