javascript - 是否可以设置 .element :before or . element :after via javascript? 的 CSS 属性

Question

如何通过 JavaScript 设置 .anyclass:before 或 .anyclass:after 的 CSS 属性？

Answer 1

扩展我的评论:

:before 和 :after 不是属性，they are CSS selectors 。因此，您无法在某些元素上设置它们，只能将具有此类选择器的规则添加到样式表中。

如果您想在与 jQuery 给定选择器匹配的所有元素之前或之后添加 DOM 节点，您可以使用 before和 after分别方法。

如果你想给当前页面添加CSS规则，可以使用DOM level 2 CSSStyleSheet interface 。一个最小的例子如下所示:

// Note: this is sample code. Do not use it blindly in your own page.
document.styleSheets[0].insertRule(".foo:before { /* something */ }", 0);

请参阅 MDN 文档 insertRule更多示例代码。