表格样式操作
2017-07-03 本文已影响7人
喝旺仔不喝旺仔
改进版的表格选择功能
.tr-color{
background-color:#FFFFFF;
}
.cursor{
cursor:pointer;
}
vardefaultColor="#ffffff";
varoverColor="yellow";
varclickColor="pink";
varchooseRow=9999;
function over_color(obj){
if(obj.style.backgroundColor!=clickColor)
obj.style.backgroundColor=overColor;
}
function remove_color(obj){
if(obj.style.backgroundColor!=clickColor)
obj.style.backgroundColor=defaultColor;
}
function click_color(obj){
vartb=obj.parentNode;//获得父节点对象
if(chooseRow!=9999){
varlastObj=tb.rows[chooseRow];
lastObj.style.backgroundColor=defaultColor;
}
chooseRow=obj.rowIndex;//获得当前行在表格中的序数
obj.style.backgroundColor=clickColor;
}
abc
efg
123
456
kgh
afd
