91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

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
南安市| 乡城县| 苍梧县| 武宣县| 子长县| 安西县| 色达县| 汨罗市| 泰州市| 阿荣旗| 阳江市| 濉溪县| 波密县| 东台市| 施甸县| 隆化县| 阳春市| 安塞县| 白沙| 电白县| 新营市| 土默特右旗| 柏乡县| 新干县| 治县。| 射洪县| 威海市| 浠水县| 清丰县| 唐河县| 桐城市| 天气| 白河县| 永修县| 望都县| 西安市| 平果县| 石台县| 涿州市| 桂平市| 平陆县|