完全删除html元素

Question

我知道 .remove（），我正在使用它并且工作正常，我的意思是它删除了我想要的元素。但我认为它不会永久消除它。右键单击浏览器窗口选择查看页面源，我仍然可以看到这些已删除的元素。 我想完全删除它们或永久地说。 请帮忙。

Answer 1

.remove()完全删除它们。您仍然在视图页面源中看起来的原因是页面源不会基于javascript更改。页面源显示页面在首次加载时的原始状态，而不是当前的状态。

如果您查看开发人员控制台，您会发现他们不再存在。

同样，如果使用javascript / jquery动态添加新元素，它将不会在页面源中显示该元素。

Answer 2

页面来源和DOM是两种不同的东西，无论何时编辑元素或删除它们，都会从 DOM 中删除，而不是从页面源中删除。这意味着javascript操纵DOM而不是来自服务器的源。

DOM：文档对象模型（DOM）是一个用于有效HTML和格式良好的XML文档的应用程序编程接口（API）。

视图源始终显示来自服务器的内容，而不进行任何修改。在浏览器中使用 DEVELOPER CONSOLE 查看实时DOM操作。

注意：按 F12 在主浏览器上启用控制台

Answer 3

view source渲染您编写的页面中的代码（ static ）

用于动态更改/查看检查开发人员工具中的元素标签。

Answer 4

查看页面源显示HTTP服务器返回的原始HTML文件的内容。可以使用javascript更改DOM，但源不会更改。

Answer 5

你不能永久删除使用jquery或javascript的dom元素。 .remove（）与你的逻辑完全不同。只是它从dom元素中删除了临时隐藏，假设你再次刷新页面它就是jquery magic。