javascript insertRow()方法


  翻訳結果:

UK [inˈsə:t rəu] US [ɪnˈsɚt ro]

[理] 行を挿入

javascript insertRow()方法構文

関数: テーブル内の指定された位置に新しい行を挿入するために使用されます。

構文: tableObject.insertRow(index)

戻り値: 新しく挿入された行を表す TableRow を返します。

説明: このメソッドは、新しい <tr> タグを表す新しい TableRow オブジェクトを作成し、それをテーブルの指定された位置に挿入します。新しい行はインデックスの行の前に挿入されます。インデックスがテーブル内の行数と等しい場合、新しい行がテーブルの末尾に追加されます。テーブルが空の場合、新しい行は新しい <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>

インスタンスの実行 »

[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します

ホームページ

ビデオ

に質問