javascript - 从 JS 更改规则 selectorText？

Question

是否可以从 javascript 更改 CSSRule 的 .selectorText？ MDN 说它是一个 getter/setter 但设置它似乎没有效果......

引用文献:

https://developer.mozilla.org/en-US/docs/DOM/CSSStyleRule/selectorText?redirectlocale=en-US&redirectslug=DOM%2FcssRule.selectorText

selectorText() gets/sets the textual representation of the selector for the rule set.

编辑:好吧，所有“文档”都是错误的和误导性的。

http://www.w3.org/TR/DOM-Level-2-Style/css.html#CSS-CSSRule

attribute DOMString        selectorText;
                                      // raises(DOMException) on setting

Answer 1

不，浏览器实现(至少在 Firefox 中)似乎确实选择将它们选择为只读(根据规范显然允许 selectorText(和 cssText)可以抛出“NO_MODIFICATION_ALLOWED_ERR:如果规则是只读的则引发。”)。

但是，您可以修改样式属性:

<style>
body { background-color: darkblue; }
</style>
<p>abc</p>
<script>
  var stylesheet = document.styleSheets[0]
  stylesheet.cssRules[0].style.color = 'red'; // Will make body red
</script>

但是，您可以通过创建并插入 <style> 而无需解析 CSS。 innerHTML 的标签你设置。