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中删除元素,它不会清除引用.