javascript - 元素的 href 属性已使用 javascript 删除，但仍存在于页面源中

Question

我试图link href用 javascript 删除一个属性。Javascript如下：

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

HTML

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

它很好地删除了链接的 href 属性。但是当我使用浏览器查看站点的页面源时，该属性仍然存在。我怎么解决这个问题？

score 1 · Accepted Answer

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

Javascript 更新 DOM，而不是源。

如果您想查看更新后的 DOM，您必须使用 Firebug 之类的工具。

score 0 · Accepted Answer

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

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

2 回答 2