Question

鼠标移动改变底色js

当鼠标移动到<table>中的<tr><Td>，就改变这行的背景颜色。
我们一般都是这样写：<tr onmouseover="" onmouseout="">。
但是，这样写产生的代码太多而来，有没有简单一点的写法。
就如baidu知道用户问题管理页面一样。
谢谢xiaoxixp，

是的，这样如果行数多的话，不是要在每个<Tr>中都加入onmouseover等语句么。

可以看看百度知道个人用户管理后台的源码，是没有加任何语句的，但是效果通用实现了。

Answer 1

怎么会多呢，你只要写一段程序啊，然后每个tr标签引用一下就行了

比如写个

function change(otr,color){
... //变换背景色代码
}

然后在tr里面带一个 onmouseover="change(this,颜色代码)"
onmouseout="change(this,颜色代码)"

没多少代码吧

或者如果你实在觉得全部写在tr标签里觉得繁琐多，你写个监听器listener，不过需要配合循环批量生成，[object].addEventListener("mouseover",change()，false)

我明白你的意思 我提供这个思路你看可行不
在onload的时候加载一个creatLisrener(table) 程序
这个程序所作的事情是：
根据传入的tableName，获得这个object(getElementById())，然后遍历其下的所有tr，用循环给每个tr添加一个监听事件，就像我上面所说的，tr[0].addEventListener("mouseover",change()，false)，
这样代码就很少了只用两个
1、creatLisrener(table)
2、 change(tr,color)

详细代码我相信你会写的，这样怎么样？可见的代码很少。