Javascript 更改当前元素的背景色

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

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

这不管用，但你会知道我想做什么。谢谢你快到了

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

差不多了

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

或者，如果可以，最好使用简单CSS：

li:hover { background-color: black; }

或者，如果可以，最好使用简单CSS：

li:hover { background-color: black; }

CSS hover可能是最优雅的解决方案，IE6对此进行了修复：

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

CSS hover可能是最优雅的解决方案，IE6对此有一个解决方案：

---

---

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

并非所有浏览器都完全支持：hover psuedo classHmm。。它在IE8中不起作用，很可能在IE7中也不起作用。。hover thing hover伪类在IE6+中对已经具有该功能的元素起作用。li:hover在IE7上以标准模式工作，你肯定应该使用标准模式的DOCTYPE。如果你真的需要IE6在一些小的样式问题上看起来“恰到好处”，我不想再麻烦你了，那么要么把鼠标悬停在屏幕上，用display:block来设置样式，让它占据整个宽度，或者如果不可能的话，老式的JS是剩下的唯一解决方案，我完全同意bobince最后的评论和他提出的两个解决方案当然，css解决方案在这种情况下要好得多。关于javascript的使用，我总是将javascript和标记分开，以使标记无需脚本且清晰，如Post中所示。并非所有浏览器都完全支持：hover psuedo classHmm。。它在IE8中不起作用，很可能在IE7中也不起作用。。hover thing hover伪类在IE6+中对已经具有该功能的元素起作用。li:hover在IE7上以标准模式工作，你肯定应该使用标准模式的DOCTYPE。如果你真的需要IE6在一些小的样式问题上看起来“恰到好处”，我不想再麻烦你了，那么要么把鼠标悬停在屏幕上，用display:block来设置样式，让它占据整个宽度，或者如果不可能的话，老式的JS是剩下的唯一解决方案，我完全同意bobince最后的评论和他提出的两个解决方案当然，css解决方案在这种情况下要好得多。关于javascript的使用，我总是将javascript和标记分开，以使标记不受脚本的影响，并且如帖子中所示，使用hover-css或javascript更好吗？我的意思是什么更优雅更好的练习你只是换一次吗？跨浏览器有多重要？你有jquery吗？它应该是跨浏览器的，这一点非常重要。。我使用了你的javascript回答，它在IE8中工作，很可能在IE7中也工作。。当然，firefox几乎可以呈现任何东西。。我接受你的回答。我不会使用jquery，因为我不会使用它的很多很酷的功能，我只需要一些小的增强功能，没有什么特别的，也不需要加载额外的nkb，因为我的背景很重。虽然确实必须使用css来解决这个问题，但我不推荐使用内联javascript。myLi.onmouseover=function{}或其他更好的方法。我不知道除ie6之外的哪个浏览器没有：悬停支持我刚刚尝试了IE8，目前正在使用它查看此网站。。它不起作用，仍然有很多人使用IE6非法复制windows的人使用悬停css或javascript做这类事情更好吗？我的意思是什么更优雅更好的练习你只是换一次吗？跨浏览器有多重要？你有jquery吗？它应该是跨浏览器的，这一点非常重要。。我使用了你的javascript回答，它在IE8中工作，很可能在IE7中也工作。。当然，firefox几乎可以呈现任何东西。。我接受你的回答。我不会使用jquery，因为我不会使用它的很多很酷的功能，我只需要一些小的增强功能，没有什么特别的，也不需要加载额外的nkb，因为我的背景很重。虽然确实必须使用css来解决这个问题，但我不推荐使用内联javascript。myLi.onmouseover=function{}或其他更好的方法。我不知道除ie6之外的哪个浏览器没有：悬停支持我刚刚尝试了IE8，目前正在使用它查看此网站。。而且它不起作用，仍然有很多人使用IE6，这些人拥有非法的windows拷贝