要在JavaScript中實現表格的行追加,你可以使用以下方法:
insertRow()
方法在表格中插入新行。var table = document.getElementById("myTable");
var row = table.insertRow(); // 在表格末尾插入新行
insertCell()
方法在行中插入新單元格。var cell1 = row.insertCell(); // 在新行中插入第一個單元格
var cell2 = row.insertCell(); // 在新行中插入第二個單元格
innerHTML
屬性設置單元格的內容。cell1.innerHTML = "Cell 1"; // 設置第一個單元格的內容
cell2.innerHTML = "Cell 2"; // 設置第二個單元格的內容
完整的代碼示例:
<table id="myTable">
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
</tr>
</table>
<button onclick="addRow()">Add Row</button>
<script>
function addRow() {
var table = document.getElementById("myTable");
var row = table.insertRow(); // 在表格末尾插入新行
var cell1 = row.insertCell(); // 在新行中插入第一個單元格
var cell2 = row.insertCell(); // 在新行中插入第二個單元格
cell1.innerHTML = "Cell 1"; // 設置第一個單元格的內容
cell2.innerHTML = "Cell 2"; // 設置第二個單元格的內容
}
</script>
當點擊"Add Row"按鈕時,將會在表格中添加一行,并填充兩個單元格的內容為"Cell 1"和"Cell 2"。