关于在JavaScript中创建新元素

Question

您能解释下面的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
}

Answer 1

我可以看到。这些是在JavaScript中创建元素的方法。

第一种是通过构造HTML字符串来创建。

其次，它使用jQuery创建元素。

第三，它使用浏览器本机文档createElement方法来创建它。

所有这三种变体都做同样的事情。创建一个元素。