<div>append() 方法在指定的元素(選中的元素)后面插入指定內容(HTML 或文本)。在使用 append() 方法時,可以通過參數來指定要插入的內容,參數可以是文本、HTML 代碼或函數。在 JavaScript 中,使用 append() 方法可以方便地向指定元素追加新的內容,無論是文本還是 HTML 標簽。</div>
下面是幾個使用div append tr
的代碼案例:
<b>代碼案例 1:</b>
<code> <script type="text/javascript"> function addRow() { var table = document.getElementById("myTable"); var row = document.createElement("tr"); var cell1 = document.createElement("td"); var cell2 = document.createElement("td"); cell1.innerHTML = "Cell 1"; cell2.innerHTML = "Cell 2"; row.appendChild(cell1); row.appendChild(cell2); table.appendChild(row); } </script> <br> <table id="myTable"> <tr> <th>Header 1</th> <th>Header 2</th> </tr> </table> <br> <button onclick="addRow()">Add Row</button> </code>
在這個案例中,我們創建了一個表格和一個按鈕。當點擊按鈕時,調用 addRow() 函數。這個函數會在表格的末尾添加一行。使用 createElement() 方法創建新的 tr 元素和兩個新的 td 元素。然后,將這些元素的內容設置為需要的文本。最后,通過調用 appendChild() 方法,將新創建的 td 元素添加到 tr 元素中,再將 tr 元素添加到表格中。