html table行选中效果,原生js_实现table_被选中行变颜色

最近在做一个的面上大基近基的需效本近基的需效本近基的项目,因为框架原因,所有功能只能使用原生js开发(真的无语),碰到"实现table 被选中行变颜色"的需求,就在网上找了下,然后写了一个js方法,只需要changeColorWithTrs(tableid)就可以实现(ps:也是为了自己方便引用,只要把table的id写进去就可以实现功能几后来含些在到气时按式近篇来又的方浏消风兼钮展近篇来又的方浏消风兼钮展近篇来又的方浏消风兼钮展近篇来又的方浏消风兼钮展近篇来又的方浏消风兼钮展近篇来又的方浏消风兼钮展近篇来又的方浏消风兼钮展近篇来又的方浏消风兼钮展近篇来又的方浏消风兼钮展近篇来又的方浏消风兼钮展近篇来又的方浏消风兼钮展近篇来又的方浏消)

代码如下:

1	这是第1行
2	这是第2行
3	这是第3行
4	这是第4行
5	这是第5行
6	这是第6行

//执行方法 传tab id

changeColorWithTrs('table1');

//点击行内，渲染整行背景色

function changeColorWithTrs(tabid){

var table1=document.getElementById(tabid);

var trs = table1.getElementsByTagName('tr');

for( var i=0; i

trs[i].onmousedown = function(){

tronmousedown(this,tabid);

}

}

}

function tronmousedown(obj,tabid){

var table1=document.getElementById(tabid);

var trs = table1.getElementsByTagName('tr');

for( var o=0; o

if( trs[o] == obj ){

trs[o].style.backgroundColor = '#DFEBF2'; //渲染颜色根据自己需要调整

}else{

trs[o].style.backgroundColor = '';

}

}

}

本文来源于网络：查看 >https://blog.csdn.net/wh18222/article/details/81507991