javascript - 元素的 href 属性已被 javascript 删除，但它仍然存在于页面源代码中

Question

我试图用 javascript 删除 link href 属性。 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 属性。但是当我使用浏览器查看网站的页面源代码时，该属性仍然存在。我该如何解决这个问题？

Answer 1

页面源是原来下载的。浏览器解析 HTML 并构建 DOM(文档对象模型)，这是一种内存数据结构，包含浏览器对您呈现页面的内部表示。

Javascript 更新 DOM，而不是源。

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