如何使用append()方法動態追加多個元素

建立一個HTML文件，定名為test.html,用于介紹若何利用append()方式動態追加多個元素。

在test.html頁面，利用button標簽建立一個“追加文本”的按鈕，用于點擊實現追加文本。

給button按鈕綁心猿意馬onclick事務，當按鈕被點擊時，執行appendText()函數來實現追加文本元素。

下面將利用三種方式建立要追加的html文本元素。第一種方式，以HTML建立元素，直接把HTML保留在變量中。

第二種方式，利用jquery建立HTML元素，操縱text()方式標的目的p標簽對象添加文本內容。

第三種方式，利用DOM對象的方式來建立p元素。以上三種方式建立的元素都可以利用append()方式標的目的頁面追加HTML元素，將上面建立的三個元素以逗號分隔的體例插手append()方式中，并標的目的當前頁面的body追加元素。

在瀏覽器打開test.html頁面，點擊“追加文本”按鈕，實現標的目的HTML頁面一次添加三個元素。結果如下：

0 條評論