更改当前元素的背景颜色

Question

如何使用普通javascript更改当前元素的背景颜色？例如

<li onmouseover="this.backgroundColor:#000;">something</li>

这不起作用，但你会明白我想做什么。谢谢

Answer 1

几乎就在那里。

<li onmouseover="this.style.backgroundColor='#000';">something</li>

Answer 2

this.style.backgroundColor= 'black';

或者如果可以的话，更好的简单CSS：

li:hover { background-color: black; }

Answer 3

CSS hover可能是最优雅的解决方案，有一个IE6修复： csshover.htc

但如果是我，我会使用jQuery，它会为您提供出色的跨浏览器支持。