完全删除html元素

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

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

如果您查看开发人员控制台,您将看到它们不再存在。

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

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

DOM :文档对象模型(DOM)是用于有效HTML和格式良好的XML文档的应用程序编程接口(API)。

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

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

查看源呈现您编写的页面中的代码( 静态

对于动态更改/视图检查开发人员工具中的元素选项卡。

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

你不能永久删除使用jquery或javascript的dom元素。 .remove()与你的逻辑完全不同。 只是它从dom元素中删除了临时隐藏,假设你刷新页面它又来了jquery magic。