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

Javascript: how to check/delete a css style tag in the head of the document

本文关键字：头部 文档 删除 css 标签 样式 何检查 检查 Javascript      更新时间：2023-09-26

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

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

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

谢谢

只需保留引用，在本例中为 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 中删除元素，并且不会清除引用。

相关文章：