javascript - 如何使用 JavaScript 更改 CSS 伪类元素

标签 javascript html css

我想使用 javascript 更改此图像:

 dance:active { background-image: url("myImage.png") }

你可以使用

document.getElementById(element).style.backgroundImage = url(image);

改变

#element {background-image: url(image)}

我想使用 javascript 更改元素处于事件状态时的图像。谢谢!

最佳答案

我想通了!

你的 CSS 中可以有多个类:

element.dance1 { stuff }
element.dance1:active { active stuff }
element.dance2 { stuff 2 }
element.dance2:active { active stuff 2 }

然后在 javascript 中更改元素的类:

document.getElementById(element).className = dance1/dance2

关于javascript - 如何使用 JavaScript 更改 CSS 伪类元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28523292/

相关文章:

html - 如何居中此图像和悬停效果?

css - 在 React Native 中使用固定数字设置高度和宽度是否被认为是不好的做法?

javascript - react 状态下的操作

html - ul a li 中的文本垂直居中

Javascript正则表达式提取括号中的内容

html - 子元素的宽度或高度在 CSS 中不会改变

html - Gmail 和 Quora 的 HTML 中的 class 或 id 字段是如何生成的,为什么?

javascript - 在 ExtJS 4 Grid 中设置单元格 ID

javascript - Angular 2动态更改默认路由

javascript - 在 HTML5 Ipad 应用程序中捕获滑动效果以导航到下一页