页面源没有动态div元素

Question

我在jquery中动态添加“div”的内容，它在DOM中添加。但在视图页面源中，我看不到元素的动态内容

<div id="pdf"></div>

("#btn").click(function(){
$("#pdf").html("ffff");
});

如何在进行动态更改后获取更新的页面源。它是在DOM中添加但页面源没有内容？为什么？

谢谢，

希瓦

Answer 1

页面源是页面源 - 无法更改的原始文本文件。它托管在服务器上，很明显你无法对它进行任何更改。访问网页后，浏览器会查询读取该文本文件，然后将其解析为DOM。当您执行任何javascript / jQuery魔术时，例如添加新的html元素，您可以在DOM上执行此操作。

Answer 2

这只是正常行为，源始终是页面的原始源，并且它不显示页面加载后所做的更改。如果要在更改后检查源，请使用firebug或chrome开发人员工具等工具。

编辑： 正如Johannes H所说，你不再需要萤火虫，因为主流浏览器都包含开发者工具。

Answer 3

如果你使用Firefox，你可以获得“web developer”插件，然后查看“生成的源”。这将显示jQuery添加的div。

Answer 4

当您查看页面源时，javascript将无法运行，因此不会添加动态元素。 要获取源代码，您可以使用浏览器开发人员工具：

1. 点击f12
2. 选择顶部元素并按复制为html。