插入后，为什么StyleSheet的ownerNode为null？

Question

有人将我的StyleSheet设置为某个值后，为什么ownerNode的{​​{1}}是null？

textContent

Answer 1

由于完全替换了节点的文本，因此您创建了一个新替换样式表对象：

const style = document.createElement('style')
document.head.appendChild(style)
const sheet = style.sheet
sheet.ownerNode.textContent = 'div { color: red }'
console.log(style.sheet === sheet);           // <===== false!
console.log(style.sheet.ownerNode === style); // <===== true

旧的不再在DOM中，因此它没有ownerNode。