javascript insertRow()方法


  翻译结果:

英 [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>

运行实例 »

点击 "运行实例" 按钮查看在线实例

首页

视频

问答