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

1 - 傳統(tǒng)的JavaScript

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

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

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

例:

$("#myContainer").append('

firstsecond');

3 - jQuery的.clone()

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

例:

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

我很想聽聽其他人對(duì)此的看法.

(此外,這似乎是'社區(qū)維基'的一個(gè)很好的候選人,但我對(duì)它們不太熟悉.有人會(huì)發(fā)表評(píng)論并讓我知道它是否應(yīng)該？謝謝)

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。