Question

js修改背景颜色

有很多table，每个table都有很多tr，td。现在需要达到当鼠标停在<tr>行上，就可以改变这一行的背景颜色。

像传统的做法，就是在每行<tr>中加入onmouseover事件来完成，这样可以做到，但是，会产生很多重复代码。

我看到过一个很做法，是不需要将onmouseover事件写在每行中的，

望达人指导。
能否给一个实例呢。

Answer 1

可以加上id属性例如：
<div id="div" style="width:100px; height:100px">ssss</div>
<script>
var d = document.getElementById("div");

d.style.backgroundColor = "red";

</script>

Answer 2

给这个table一个class
然后判断只要是在这个class的table上面over，就改变bg颜色。
用Jquery做比较简单。

Answer 3

似乎没有什么别的办法了，
但可以在JavaScript中用循环方式输出表格的每行<tr onmouseover="show()">
,调用同一个show（）函数（负责改变背景）。
这样可以省好多代码。

Answer 4

function modifyBackgroundCol(obj) {// wsdl sample portal export printWebId
document.body.style.backgroundColor = "#FFFFFF";// 打印时设置背景颜色为白色
}