Javascript 将动态CSS导出为文本

我正在用javascript创建一个。然后我想将样式表css导出为文本

是否有从

CSSStyleSheet

获取CSS文本的功能/方法？下面返回一个空字符串：

$('<style id="mystyle"></style>')
  .attr('type', 'text/css')
  .insertBefore(this.element);

$('#mystyle')[0].sheet.insertRule('#mydiv {color: red;}', 1);

console.log($('#mystyle').html()); // should show '#mydiv {color: red;}'
console.log($('#mystyle').text());
console.log($('#mystyle')[0].innerHTML);

$（“”）
.attr（'type'，'text/css'）
.insertBefore（此.element）；
$（'mystyle'）[0].sheet.insertRule（'mydiv{color:red；}'，1）；
console.log（$（'#mystyle'）.html（））；//应该显示“#mydiv{color:red；}”
console.log（$（'#mystyle'）.text（））；
log（$（'#mystyle'）[0].innerHTML）；

您正在使用的对象为您提供了

cssRules

（的实例）属性，该属性是一个类似数组的对象，您可以迭代以提取所有必要的

cssText

字符串

例如，将所有CSSTEXT聚合为一个字符串，其中包含：

$（“”）
.attr（'type'，'text/css'）
.附录（文件正文）；
常量样式表=$（'#mystyle'）[0]。工作表
insertRule（'#mydiv{color:red；}'）；
insertRule（'p{color:green；}'）；
//在我们的案例中不需要insertRule的第二个参数，但您可以这样做
//insertRule（'#mydiv{color:red；}'，styleSheet.cssRules.length）；
const cssText=Array.from（styleSheet.cssRules）.reduce（（prev，cssRule）=>{
返回prev+'\n'+cssRule.cssText
}, '')
console.log（cssText）

一
两个