html选中后当前变色,JS代码实现表格选中后变色操作有哪些代码？

【实例代码】html xmlns=http://www。w3。org/1999/xhtml head title无标题页-学无忧(www。xue51。com)/titlescript language=javascript var searchResult=new Array();//鼠标滑过时显示背景色 //改变背景色和边框颜色的方法function colorChange(table,color,color2){table。

style。borderColor=color;table。style。backgroundColor=color2;}//鼠标移动过来后，更改颜色function colorChange_on(e){if (document。all)source1=event。

srcElementelse if (document。getElementById)source1=e。target;if (source1。id==mytable){colorChange(source1,#999999,#F8F8F6);}else{while(source1。

tagName!=TABLE){source1=document。getElementById? source1。parentNode : source1。parentElement;if (source1。id==mytable)colorChange(source1,#999999,#F8F8F6);}}} //鼠标移走后，将颜色设置为白色function colorChange_off(e){if (document。

all)source2=event。srcElementelse if (document。getElementById)source2=e。targetif (source2。id==mytable)colorChange(source2,white,white)else{while(source2。

tagName!=TABLE){source2=document。getElementById? source2。parentNode : source2。parentElementif (source2。

id==mytable)colorChange(source2,white,white)}}} /script需要在body中添加表格，并调用上面的方法，代码如下所示：/headbody table width=80% border=0 onMouseOver=colorChange_on(event) onMouseOut=colorChange_off(event) id=mytable TR TD鼠标移动/TD TD鼠标移动/TD /TR TR TD鼠标移动/TD TD鼠标移动/TD /TR TR TD鼠标移动/TD TD鼠标移动/TD /TR TR TD鼠标移动/TD TD鼠标移动/TD /TR/table/body/html。

全部