2015-04-04 45 views
0

您能否解釋下面的JavaScript代碼? 我自己完全無法理解它。關於在JavaScript中創建新元素

function appendText() { 
var txt1 = "<p>Text.</p>";    
var txt2 = $("<p></p>").text("Text."); 
var txt3 = document.createElement("p"); 
txt3.innerHTML = "Text.";    
$("body").append(txt1, txt2, txt3);  // Append new elements 
} 
+0

它創建3個變種,它們持有相同文本的相同元素。然後,所有三個都通過jQuery附加到body上。 – Michelangelo 2015-04-04 13:56:53

+0

@Mikey非常感謝您的幫助! – 2015-04-14 16:44:38

回答

0

正如我所見。這些是在JavaScript中創建元素的方法。

第一個是通過構造HTML字符串來創建的。

其次,它使用jQuery創建元素。

第三,它使用瀏覽器本地文檔createElement方法來創建它。

所有這三種變化都做同樣的事情。創建一個元素。