我这里有一个简单的问题。我知道使用jQuery，你可以通过像
这样的东西动态地在DOM中附加HTML元素$('').append('<p>Test</p>');
但我的问题是，为什么这些元素实际上不会在代码中直观显示（例如，当您在浏览器中查看源代码时）。
请专家，让我知道原因。感谢
答案 0 :(得分：24)
原始来源永远不会改变。只有DOM会发生变化。
您可以使用浏览器的开发人员工具查看DOM更改的HTML可视化。
您应该知道，当您操纵DOM时，您永远不会操纵HTML。开发人员工具提供的HTML可视化是DOM的当前状态的解释。没有对HTML标记进行实际修改。
答案 1 :(得分：7)
因为View Source仅显示最初发送到浏览器的HTML。有一些方法可以看到改变的HTML - Firefox中的Firebug，IE或Chrome中的F12开发人员工具。选择一些HTML并在Firefox中右键单击“查看选择源”也可以。
答案 2 :(得分：5)
“查看源”仅显示服务器在浏览器从服务器请求特定网页时发送的源。因此，由于这些更改是在客户端进行的，因此它们不会显示在“查看源”上，因为它们是在原始页面发布后制作的。
要查看页面的实时源，您可以使用webkit浏览器中的Web Inspector视图或Firefox中的Firebug。这些跟踪DOM的任何更改并更新您可以看到的源。
答案 3 :(得分：3)
Web开发人员工具（Firefox插件）“View generated source”中有一个选项，它会为您提供更改后生成的完整源代码。
view source->View generated source
答案 4 :(得分：0)
有时，IE / Firefox / Chrome中的开发工具无法跟上您的DOM。这只是意味着你正在处理一些值得jedi的代码 - 或者Darth Vader将它留在那里供你调试。