例
新しい挿入row(s)テーブルの第1の位置（及び挿入<td>それにいくつかのコンテンツと要素）。
// Find a <table> element with id="myTable":
var table =
document.getElementById("myTable");
// Create an empty <tr> element
and add it to the 1st position of the table:
var row = table.insertRow(0);
// Insert
new cells (<td> elements) at the 1st and 2nd position of the "new" <tr> element:
var cell1 =
row.insertCell(0);
var cell2 = row.insertCell(1);
// Add some text
to the new cells:
cell1.innerHTML = "NEW CELL1";
cell2.innerHTML =
"NEW CELL2"; »それを自分で試してみてください 定義と使用法
insertRow()メソッドは、空の作成<tr>要素を、テーブルに追加します。
insertRow()メソッドは、新しい挿入row(s)テーブルに指定されたインデックス位置。
注意： <tr>要素が1つ以上含まれている必要があります<th>または<td>要素。
ヒントを使用deleteRow()行を除去する方法。
ブラウザのサポート
| 方法 | |||||
|---|---|---|---|---|---|
| insertRow() | はい | はい | はい | はい | はい |
構文
tableObject .insertRow( パラメータ値 値 説明 index IE、ChromeとSafariでのオプションは、FirefoxとOperaには必須です。 挿入する行の位置を指定する数値（0から始まります）。 その新しい行の0結果の値が第1の位置に挿入されます。 -1の値を使用することもでき、これが最後の位置に挿入される新しい行になります。
このパラメータは、Internet Explorer、ChromeとSafariでのFirefoxとOperaに必要ですが、オプションです。
このパラメータが省略された場合、 insertRow()クロム、IE、Firefoxおよびオペラの最後の位置に新しい行を挿入し、Safariで第1の位置に。
技術的な詳細
戻り値： 挿入<tr>要素
その他の例
例
作成および削除row(s) ：
function myCreateFunction() {
var table =
document.getElementById("myTable");
var row =
table.insertRow(0);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
cell1.innerHTML = "NEW
CELL1";
cell2.innerHTML = "NEW CELL2";
}
function myDeleteFunction() {
document.getElementById("myTable").deleteRow(0);
} »それを自分で試してみてください
関連ページ
HTMLリファレンス： HTML <tr>タグ
<テーブルオブジェクト