使用javascript删除Element的href属性，但它仍然存在于页面源中

Question

我尝试使用javascript删除link href属性。 Javscript如下：

 <script type="text/javascript">
 $(document).ready(function() {
 $("link[href*='style.css']").remove();        
 });
 </script>

HTML

 <link rel="stylesheet" type="text/css" href="style.css" />

它精确地删除了链接的href属性。但是当我使用浏览器查看网站的页面源时，那个属性仍然存在。我该如何解决这个问题？

Answer 1

页面源是最初下载的。浏览器解析HTML并构建DOM（文档对象模型），这是一个内存数据结构，包含浏览器呈现的页面的内部表示。

Javascript更新DOM，而不是源。

如果您想查看更新的DOM，您必须使用像Firebug这样的工具。

Answer 2

不幸的是，这只删除了CSS链接节点，但没有删除规则，因为页面已经加载了：

$(document).ready(function() {
  //content of function that you need to use
});