javascript - 如何临时添加一个CSS样式?

标签 javascript css

我有一个 div,当我将鼠标悬停在它上面时,我想更改背景(可能还有其他属性)。我可以通过调用 el.style.backcolor = "" 来完成,但是有没有办法可以向它添加另一个 CSS 样式,然后再将其删除?比如 style += mouseOverStyle 然后是 style -= mouseOverStyle。这样我就可以在 CSS 而不是 JavaScript 代码中选择要更改的属性。

编辑:我可能想在其他情况下应用新样式,而不仅仅是鼠标悬停,所以#div:hover 并不是真正的通用解决方案。我真正想问的是有没有类似 style.add("style") 和 style.remove("style") 的东西?

最佳答案

如果我没理解错的话,你是在要求在悬停 div 元素时更改背景吗?

这很容易通过 CSS 完成,不需要 Javascript 或其他代码!

#myDiv
{
   background-color: #f00;
}

#myDiv:hover
{
   background-color: #00f;
}

当然你也可以更改其他样式,你不需要添加另一个类来更改一个或多个样式。

希望对您有所帮助:)

关于javascript - 如何临时添加一个CSS样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4883916/

相关文章:

javascript - 如何使用 Websockets 连接到 MQTT Broker?

html - CSS选择组的单选按钮在检查一个之前

html - 如何使 <aside> 作为包含内容的列

css - 在 ul 内水平居中一些 li

jquery 菜单和光标问题

javascript - 如何在网页中制作一个无需重新加载即可编辑的列表

javascript - Angular 2 select 不绑定(bind)(第二次迭代)

jquery 更改整个文档的默认 css

javascript - 在另一个Js文件中声明Js文件

javascript - 在 javascript 中转换为 e+ 的脚本