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

Question

我在这里有一个简单的问题。我知道使用jQuery，您可以通过执行以下操作来在DOM中动态添加HTML元素

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

但是我的问题是，为什么这些元素实际上不直观地出现在代码中（例如，当您在浏览器中查看源代码时）。

请高手，让我知道为什么。谢谢

Answer 1

因为“查看源”仅显示原始发送给浏览器的HTML。不过，可以通过多种方式查看更改后的HTML-Firefox中的Firebug，IE或Chrome中的F12开发人员工具。选择一些HTML并在Firefox中右键单击“查看选择源”也将起作用。

Answer 2

“查看源代码”仅显示浏览器从服务器请求特定网页时服务器发送的源代码。因此，由于这些更改是在客户端进行的，因此它们不会显示在“查看源代码”中，因为它们是在原始页面交付后进行的。要查看页面的实时源代码，可以使用Webkit浏览器中的Web Inspector视图，或Firefox中的Firebug。它们跟踪对DOM的任何更改并更新您可以看到的源。