表格样式操作

改进版的表格选择功能

.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