如何动态创建内容并将其添加到DOM

Question

我可以创建一个内容并像这样添加DOM：

var $div = $('<div />');
$div.attr('id', 'my-awesome-div');

创建此div并将其添加到DOM，因为在您检查页面时可以看到它，但在查看页面源时不会显示。有没有办法以可以在源代码中显示的方式动态创建内容？

Answer 1

“Inspect element” - 显示DOM的当前状态，包括动态生成的元素。 “查看源代码” - 仅显示原始DOM ，它是由页面的html输出（没有动态元素）创建的。

  

有没有办法以可能的方式动态创建内容   也可以在源代码中看到？

话虽如此，动态内容也可以由服务器端语言（如PHP，Java等）生成。

Answer 2

除非您使用Firebug for Firefox或Google Chrome检查器等开发工具，否则无法使用。

Answer 3

查看页面源仅显示正在显示的文件的静态内容。 检查elemnet还会显示所有动态生成的元素。

此外，执行相同操作的简便方法如下，

var $div = $('<div />',{'id':'my-awesome-div'});

Answer 4

Is there any way to create a content on the fly in a way that it can be shown in the source code as well?

简单的答案是

NO

第一次创建页面源并且它不会更改