javascript - 如何从 HTMLStyleElement 元素获取 CSSStyleSheet 对象

Question

是否可以从 HTMLStyleElement ( document.styleSheets[0] ) 中获取 CSSStyleSheet 对象 ( document.createElement('style') )？

我想将 css 规则动态添加到尚未插入文档中 <style>元素。

Answer 1

可以从 <style> 中获取 CSSStyleSheet 对象元素。

var style = document.createElement('style');
document.head.appendChild(style);
var styleSheet = style.sheet // Will give you the associated CSSStyleSheet

这仅在 之后 <style> 有效元素已附加到文档中。

没有特别好的文档记录，很难通过在控制台中四处查找来找到。