Javascript 即使在删除样式表之后，Body也会继承css属性_Javascript_Html_Css_Dom

Javascript 即使在删除样式表之后，Body也会继承css属性

javascript html css dom

Javascript 即使在删除样式表之后，Body也会继承css属性,javascript,html,css,dom,Javascript,Html,Css,Dom,我有这个html文档： <!DOCTYPE HTML> <html> <head> <link rel="stylesheet" href="css/main.css" type="text/css" /> </head> <body> <h1>Header</h1> <script> function

我有这个html文档：

<!DOCTYPE HTML>
<html>
    <head>
       <link rel="stylesheet" href="css/main.css" type="text/css" />
    </head>
    <body>
        <h1>Header</h1>
        <script>
        function removeSheet(href) {
        var href;
        document.querySelector('link[href="'+href+'"]').outerHTML = '';
        }
        removeSheet( 'css/main.css');
    </body>
</html>

removeSheet函数会删除指定的样式表，正如预期的那样，h1和所有其他元素都会丢失所有样式，但由于某些原因，主体仍然是黑色的

在firebug中检查文档后，它显示样式表已从页面中正确删除，但很明显，主体仍在继承css文件中的样式

有人能解释为什么主体保留所有css属性，即使包含它们的样式表被删除？

您的JS不会从链接中删除您的文档读取的css，只是链接本身，css仍然在浏览器内存中。阅读有关DOM（文档对象模型）的内容，例如@RenevanderLende，谢谢！这解释了很多

body {
background: black;
}

h1 {
color:white;
}