Javascript中的append()是一個非常有用的函數。它的主要作用是將一個元素添加到另一個元素的尾部，即在DOM(Document Object Model)中動態地添加元素，而不需要重新加載整個頁面。它可以用來動態加載新的HTML內容、改變已有元素的內容、添加一些CSS樣式以及動態生成表格等等。
舉例來說，假設我們有一個HTML頁面，其中有一個id為“myList”的
- 列表。如果我們想要動態地將一個新的
- 元素添加到這個列表中，我們可以使用如下代碼：
let myList = document.getElementById("myList"); let newItem = document.createElement("li"); let text = document.createTextNode("New Item"); newItem.appendChild(text); myList.appendChild(newItem);首先，我們通過getElementById()方法獲取id為“myList”的元素。然后，我們使用createElement()方法創建一個新的
- 元素，利用createTextNode()方法創建文本節點，并使用appendChild()方法將文本節點添加到新建的
- 元素中。最后，我們使用appendChild()方法將新創建的
- 元素添加到我們之前獲取到的
- 元素中。
除了向現有元素中添加新元素外，我們還可以使用append()函數在DOM中創建新的元素。例如，如果我們想要創建一個文本框以請求用戶輸入，我們可以使用以下代碼：
let myDiv = document.getElementById("myDiv"); let newInput = document.createElement("input"); newInput.type = "text"; myDiv.appendChild(newInput);我們先獲取id為“myDiv”的元素，然后使用createElement()方法創建一個新的元素，并使用type屬性設置其類型為“text”。最后，我們將此元素添加到我們之前獲取到的
元素中。此外，我們還可以在一個元素中添加多個元素。例如，如果我們想要創建一個
表，含有三行兩列的單元格，我們可以使用以下代碼：
let myTable = document.createElement("table"); for(let i=0; i<3; i++){ let row = document.createElement("tr"); for(let j=0; j<2; j++){ let cell = document.createElement("td"); let text = document.createTextNode("Row "+i+", Cell "+j); cell.appendChild(text); row.appendChild(cell); } myTable.appendChild(row); } let myDiv = document.getElementById("myDiv"); myDiv.appendChild(myTable);我們首先使用createElement()方法創建了一個新的
元素，然后使用循環創建三個
行和每個行內插入兩個 單元格。最后，我們將這個表格元素添加到id為“myDiv”的元素中。此時，我們已經成功地動態地創建了一個含有6個單元格的表格。 總之，append()函數是一個非常有用的javascript函數，它能夠方便易用地實現動態地操作DOM元素。無論是添加、修改、刪除元素，它都可以勝任。有了它，我們可以大大提升我們的開發效率，快速地創建動態的頁面內容。
上一篇ajax 參數值亂碼問題下一篇php baseurl