英 [inˈsə:t rəu]   美 [ɪnˈsɚt ro]  

[計] 插入行

javascript insertRow() 方法 語法

作用:用於在表格中的指定位置插入一個新行。

語法:tableObject.insertRow(index)

#傳回:傳回一個 TableRow,表示新插入的行。

說明:該方法建立一個新的 TableRow 對象,表示一個新的 <tr> 標記,並把它插入表中的指定位置。新行將被插入 index 所在行之前。若 index 等於表中的行數,則新行將被附加到表的末尾。如果表格是空的,則新行將插入到一個新的 <tbody> 段,該段本身會插入表中。

註解:可以用 TableRow.insertCell() 方法來為新建立的行新增內容。

javascript insertRow() 方法 範例

<html>
<head>
<script type="text/javascript">
function insRow()
  {
  document.getElementById('myTable').insertRow(0)
  }
</script>
</head>

<body>
<table id="myTable" border="1">
<tr>
<td>Row1 cell1</td>
<td>Row1 cell2</td>
</tr>
<tr>
<td>Row2 cell1</td>
<td>Row2 cell2</td>
</tr>
</table>
<br />
<input type="button" onclick="insRow()"
value="Insert new row">

</body>
</html>

執行實例 »

點擊 "執行實例" 按鈕查看線上實例