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

标签 javascript jquery dom jquery-selectors append

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

之类的操作在 DOM 中动态 append HTML 元素
$('').append('<p>Test</p>');

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

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

最佳答案

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

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

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

关于javascript - jQuery DOM 更改未出现在 View 源中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8598836/

相关文章:

javascript - 带验证的垂直条形图

javascript - 如何在表单提交时阻止坏词

javascript - 如何使用 Chrome 控制台窗口和控制台命令获取网页的加载时间?

javascript - ng-repeat 更新实时数据时闪烁

javascript - 使用 Javascript 在标签中的内容之前附加元素

javascript - 如何在 DOM 中搜索下一个元素?

javascript - JavaScript 无法准确表示的第一个数字是多少?

javascript - 在 Chrome 和 Edge 中使用 jQuery 隐藏和显示元素闪烁

javascript - 单击鼠标左键的上下文菜单?

javascript - jQuery获取容器的html,包括容器本身