jQuery DOM更改未出现在视图源中

Question

我这里有一个简单的问题.我知道使用jQuery,您可以通过执行类似的操作动态地在DOM中附加HTML元素

$('').append('<p>Test</p>');

但我的问题是,为什么这些元素实际上不会在代码中直观显示(例如,当您在浏览器中查看源代码时).

请高手,让我知道原因.谢谢

Answer 1

原始来源永远不会改变.只有DOM会发生变化.

您可以使用浏览器的开发人员工具查看DOM更改的HTML可视化.

您应该知道,当您操作DOM时,您永远不会操纵HTML.开发人员工具提供的HTML可视化是对DOM当前状态的解释.HTML标记没有实际修改.

Answer 2

因为View Source仅显示最初发送到浏览器的HTML.有一些方法可以看到改变的HTML - Firefox中的Firebug,IE或Chrome中的F12开发人员工具.选择一些HTML并在Firefox中右键单击"查看选择源"也可以.

Answer 3

"查看源"仅显示服务器在浏览器从服务器请求特定网页时发送的源.因此,由于这些更改是在客户端进行的,因此它们不会显示在"查看源"上,因为它们是在原始页面发布后生成的.

要查看页面的实时源,可以使用webkit浏览器中的Web Inspector视图或Firefox中的Firebug.这些跟踪DOM的任何更改并更新您可以看到的源.