javascript - jQuery DOM 更改未出现在 View 源中

Question

我有一个简单的问题。我知道使用 jQuery，您可以通过执行诸如

之类的操作在 DOM 中动态 append HTML 元素

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

但我的问题是，为什么这些元素实际上没有以可视方式出现在代码中(例如，当您在浏览器中查看源代码时)。

请各位专家告诉我原因。谢谢

Answer 1

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

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

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