如何从<style> </style>获取CSSStyleSheet对象

Question

一个＆lt;风格＆gt;对应一个CSSStyleSheet对象（在document.styleSheets中），但如何找到它，如CSSStyleSheet对象对应＆lt; style id =“ - yCoder-styles”＆gt; ...＆lt; /风格＆GT;

console.log(document.styleSheets.length);

var style = document.createElement('style');
style.title = "-yCoder-styles";
style.type= 'text/css';
style.id = "-yCoder-styles";
document.head.appendChild(style);

//how to get the corresponding CSSStyleSheet instance from document.styleSheets

console.log(document.styleSheets.length);

var styleSheet = document.styleSheets[document.styleSheets.length - 1];
console.log(styleSheet.title == style.title);

Answer 1

根据您提供的代码，您应该能够获得关联的CSSStyleSheet：

var styleSheet = style.sheet

只有> <style>元素附加到文档后才能。

没有特别好记录，并且很难通过在控制台中探索来找到它。