DOM插入源代码

Question

我试图用以下内容将数据插入DOM：

$("#item_384_week_49").append("test");

<td id="item_384_week_49"></td>

效果很好，但数据只显示未插入DOM。

有没有办法做到这一点，所以源代码包含插入的数据？

修改 我正在尝试与docraptor合作创建pdf和excel文件。 这样做的方法之一我引用一个网页然后转换页面。 http://docraptor.com/documentation#referrer_based

如果我有上述jquery工作插入数据，数据将不会显示在生成的文件中。 如果以上内容将数据添加到源代码中，有人可以向我解释为什么在调用页面时不显示数据吗？

Answer 1

浏览器获取源代码并使用它来构建DOM，然后可以操作DOM，但源代码是源代码，而不是DOM当前状态的实时表示。

如果需要，请使用DOM查看器。大多数浏览器都有一个内置的，Firefox有Firebug扩展。

Answer 2

数据本身显示意味着它被插入DOM。

大多数浏览器最初都会从服务器显示源（通过view-source）。

使用FireFox->Firebug组合检查DOM，您将看到DOM的所有动态添加。

Answer 3

它实际上是插入的。您是否在浏览器中使用“查看源代码”选项？因为“查看源”选项将显示从服务器下载的源，而不是通过javascript修改的源。您可以通过右键单击“Inspect element”选项查看源代码中的更改（具体取决于您的浏览器，这是最新的带有Firebug和Chrome的FF）。