我有一个 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/