Javascript：如何检查/删除文档头部的css样式标记

Question

我以这种方式通过javascript在文档的头部注入一个样式：

var style = document.createElement("style");
document.head.appendChild(style);
style.innerHTML = "a, .left-hand { cursor:wait; }";

我想知道是否有办法检查这种风格是否在文档中（考虑到其他风格）以及如何删除它。

由于

Answer 1

只需保留引用，在本例中为style变量。

要检查它是否仍在DOM中，请检查是否有使用parentNode的父级。如果确实如此，它仍然在DOM中。如果不（null），则不在DOM中。

删除它：

if(style.parentNode){                     //check if it has a parent
    style.parentNode.removeChild(style);  //if it does, this is how to remove it
}

即使在此之后，只要某些内容仍然引用了样式标记，在本例中为style变量，您仍然可以将其重新添加到DOM中。 removeChild仅从DOM中删除元素，并且不会清除引用。