所以我已經看到了三種向頁面添加html/DOM元素的方法.我很好奇他們每個人的利弊是什么.

1 - 傳統的JavaScript

我相信直接的JS方法是通過構造每個元素,設置屬性,然后附加它們.例:

var myRow = document.createElement("tr");

myRow.class = "myClass";

var firstTD = document.createElement("td");

firstTD.innerHTML = "first";

myRow.appendChild(firstTD);

var secondTD = document.createElement("td");

secondTD.innerHTML = "second";

myRow.appendChild(secondTD);

document.getElementById("myContainer").appendChild(myRow);

2 - 通過jQuery追加一串html

我注意到我看到的大多數jQuery示例通常只附加一串html.

例:

$("#myContainer").append('

firstsecond');

3 - jQuery的.clone()

我在jQuery中也看到過很多用法和對.clone()的引用.

例:

$("#myContainer").append($(".myClass").Clone());

我很想聽聽其他人對此的看法.

(此外,這似乎是'社區維基'的一個很好的候選人,但我對它們不太熟悉.有人會發表評論并讓我知道它是否應該？謝謝)

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的jq在html中添加dom元素,使用jQuery添加DOM元素的最佳方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。