Javascript 为什么样式表是';插入后的所有者节点是否为空?
有人能解释一下为什么Javascript 为什么样式表是';插入后的所有者节点是否为空?,javascript,css,cssom,Javascript,Css,Cssom,有人能解释一下为什么样式表的所有者节点在我将其textContent设置为某个值后是null const style=document.createElement('style')) document.head.appendChild(样式) const sheet=style.sheet //通行证 assert(sheet.ownerNode!==null,“ownerNode为null”) sheet.ownerNode.textContent='div{color:red}' //失败
样式表的所有者节点在我将其textContent
设置为某个值后是null
const style=document.createElement('style'))
document.head.appendChild(样式)
const sheet=style.sheet
//通行证
assert(sheet.ownerNode!==null,“ownerNode为null”)
sheet.ownerNode.textContent='div{color:red}'
//失败
assert(sheet.ownerNode!==null,“ownerNode为null”)
因为通过完全替换节点的文本,您已经创建了一个新的替换样式表对象:
const style=document.createElement('style'))
document.head.appendChild(样式)
const sheet=style.sheet
sheet.ownerNode.textContent='div{color:red}'
console.log(style.sheet==sheet);//有趣的问题!