Question

使用【JS调用函数】使鼠标经过(hover)简单更改<li>的背景色，具体请看问题补充。

<ul>
<li class="aaa" onmouseover="javascript:this.style.background='#fdeecb';" onmouseover=“javascript:this.style.background=‘none’”; >求助JS高手</li>
<li class="aaa" onmouseover="javascript:this.style.background='#fdeecb';" onmouseover=“javascript:this.style.background=‘none’”; ><求助JS高手</li>
<li class="aaa" onmouseover="javascript:this.style.background='#fdeecb';" onmouseover=“javascript:this.style.background=‘none’”; ><求助JS高手</li>
</ul>

上述代码是我想要的效果，但此方法我觉得代码在HTML中很“累赘”！
我想把js写在函数中，再onmouseover="BgHover()"。
那么这个BgHover()函数该怎么写呢？

1、是不是需要在每个<li>上设一个id,再通过getElementById('id') 找到对应？
如果是这样，因为JS应用HTML中，通过getElementById查找id时id必须唯一，如何通过自动排列的方法给li设id数组？

（其实我不想再每一个<li>中都设一个id，）那么请看下面
2、getElementsByName('name') ，getElementsByTagName('tag') 也可以吧，求助！

Answer 1

你如果给你的<li>加了id就得用getElementById来调用

Answer 2

onmouseover="BgHover(this,true)"。
onmouseout="BgHover(this,false)"。
BgHover(obj,flag){
if(flag){
obj.style.background='#fdeecb';
}else{
obj.style.background='';
}
}
这样就ok了