javascript - 如何从标题中删除 CSS

Question

我知道如何使用 JS 将 css 元素添加到 header ，但如何删除一个？

添加:

var style = document.createElement('style');
style.type = 'text/css'; 
style.innerHtml = ".item {color:red}";
document.getElementsByTagName('head')[0].appendChild(style);

我的问题是如何删除元素，我试过了

document.getElementsByTagName('head')[0].removeChild(style);

它抛出一个错误，我想删除 css，如果它不存在则不抛出错误。

非常感谢您的帮助。

我不想使用 JQuery。

我使用的基于 Daniels 的实际解决方案是:-

        var DeskTag = document.getElementById('style');

        if (DeskTag!=null) {
            document.getElementsByTagName('head')[0].removeChild(DeskTag);
        }

Answer 1

您可以给它一个 ID 并直接访问它:

style.id = 'style-tag'

const styleTag = document.getElementById('style-tag');
if (!styleTag) return;
document.getElementsByTagName('head')[0].removeChild(styleTag);