原生js删除style标签

Question

const style = document.createElement('style')style.innerText = cssTextdocument.head.appendChild(style)上面可以往head中添加style样式现在是怎么样可以删除这一个style 而且这个style不一定再最后一个可以在style上加个title 怎么样删除这个特定的style标签

Answer 1

如果你是自己添加的标签，在创建的时候就已经保存了它的DOM，需要的时候直接引用变量删除就好了：

const style = document.createElement('style')
style.innerText = cssTextdocument.head.appendChild(style)
...
style.remove()

也可以添加标签的时候多加一个属性title，然后在需要的时候搜索到它删除。添加的属性只要是能够被style标签支持的属性就行了：

const style = document.createElement('style')/* style.title= 'style1' */style.innerText = cssTextdocument.head.appendChild(style)
...
document.querySelector('style[title="style1"]').remove()