如何動態地創建內容，並把它添加到DOM

Question

我可以創建內容並添加像這樣的DOM：

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

這個div被創建並添加到DOM，因爲它可以看出當你檢查頁面時，當你查看頁面源時不會顯示。有沒有什麼辦法可以在源代碼中顯示內容的方式來創建內容？

Answer 1

「檢查元素」 - 顯示DOM的當前狀態，包括動態生成元素。 「查看源文件」 - 僅顯示原始DOM，它是由頁面的html輸出（不含動態元素）創建的。

有沒有什麼辦法可以在源代碼中顯示 ？

雖這麼說，動態內容也可以通過服務器端語言如PHP，Java的等產生

Answer 2

你不能，除非你使用類似Firebug的一個開發工具的Firefox或谷歌瀏覽器的檢查員。

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

的頁源創建第一次，它不會改變