中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

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
景洪市| 浦江县| 阿拉善左旗| 咸丰县| 改则县| 吴堡县| 澄江县| 资源县| 新余市| 时尚| 衡阳市| 洪泽县| 民丰县| 凌云县| 白山市| 古丈县| 泾源县| 陵川县| 长兴县| 潜江市| 宜宾县| 武威市| 西乡县| 昭通市| 华蓥市| 浦县| 怀化市| 余江县| 阿巴嘎旗| 普兰店市| 平利县| 平武县| 灌南县| 汾阳市| 名山县| 石首市| 明星| 黄梅县| 磴口县| 志丹县| 南城县|