亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

js怎么實現表格的行追加

js
小億
232
2023-08-05 01:20:13
欄目: 編程語言

要在JavaScript中實現表格的行追加,你可以使用以下方法:

  1. 使用insertRow()方法在表格中插入新行。
var table = document.getElementById("myTable");
var row = table.insertRow();  // 在表格末尾插入新行
  1. 使用insertCell()方法在行中插入新單元格。
var cell1 = row.insertCell();  // 在新行中插入第一個單元格
var cell2 = row.insertCell();  // 在新行中插入第二個單元格
  1. 使用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"。

0
昌都县| 武宣县| 新密市| 白沙| 宁陵县| 珠海市| 汤阴县| 万山特区| 淮滨县| 惠安县| 安龙县| 勃利县| 汉中市| 南投市| 鹤岗市| 莱芜市| 延安市| 大庆市| 涟源市| 朝阳县| 微山县| 武陟县| 宁远县| 永州市| 谷城县| 磐石市| 民和| 静安区| 克山县| 敖汉旗| 山阴县| 呈贡县| 德州市| 娄烦县| 工布江达县| 谢通门县| 嘉鱼县| 建阳市| 兴仁县| 东山县| 高雄市|