javascript - 元素 li 的 onmouseover 不起作用

标签 javascript html

我有以下简单的代码,但它不起作用

<ul>
  <li id="one" onmouseover="this.style.background-color='white';">
    <a href="#">home</a>
  </li>
</ul>

你能告诉我为什么吗? 谢谢

编辑:

我怎样才能改变标签的颜色,鼠标悬停在 li 上

最佳答案

在 JS 中更改样式对象的属性时,将连字符转换为驼峰命名法。

背景颜色

但是,您试图以错误的方式解决这个问题。

如果您确实想在悬停时设置列表项的样式,那么您可能应该在样式表中使用 li:hover。唯一的缺点是这在 IE 6 中不起作用(尽管这只是一个古老浏览器的装饰效果,而且越来越多地落入“不支持”框中)。

也就是说,具有悬停效果会大喊“您现在可以点击!”在用户处 - 但只有列表项的链接部分在单击时才会执行任何操作。这意味着您应该对 a 元素进行样式设置,而不是对 li 进行样式设置...但应将其样式设置为填充列表项(这在 IE6 中工作) )。

Listamatic has many examples.

关于javascript - 元素 li 的 onmouseover 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2532553/

相关文章:

javascript - 在 Javascript 上用大写字母替换比较

javascript - 使用 Grunt 动态生成 RequireJS "bundles"配置

javascript - 如何使用js对链接进行切片

javascript - 将值设置为 firebase 数据库时未捕获的 SyntaxError : Unexpected token .

javascript - 如何评估我的 Web 应用程序中的用户代码输入

javascript - 无法覆盖显示 :none in JavaScript

javascript - 将 jQuery 更改函数绑定(bind)到提交函数

javascript - jQuery 对话框部分表单提交验证

html - 网页未调整大小以适合 iPhone 6 Plus 上的屏幕

html - 为什么字体粗细属性 (CSS) 在某些元素中不起作用?