javascript - 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 中删除元素，并且不清除引用。