例
新規挿入cell(s) ID =「myRow」でテーブルの行の先頭にコンテンツと：
var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "New cell"; »それを自分で試してみてください 定義と使用法
insertCell()メソッドは、現在の行にセルを挿入します。
ヒントを使用deleteCell()現在のテーブルの行のセルを削除する方法。
ブラウザのサポート
| 方法 | |||||
|---|---|---|---|---|---|
| insertCell() | はい | はい | はい | はい | はい |
構文
tablerowObject .insertCell( パラメータ値 値 説明 index IE、ChromeとSafariでのオプションは、FirefoxとOperaには必須です。 番号(starts at 0)現在の行の新しいセルの位置を特定します。 新しいセルという0結果の値は、第1の位置に挿入されます。 -1の値を使用することもできます。 これは、新たなセルが最後の位置に挿入されることになります。
このパラメータが省略された場合、 insertCell() IEの最後の位置にし、ChromeとSafariで第1の位置に新しい電池を挿入します。
このパラメータは、Internet Explorer、ChromeとSafariでのFirefoxとOperaに必要ですが、オプションです。
技術的な詳細
戻り値： 挿入された電池素子
その他の例
例
新規挿入cell(s) ID =「myRow」でテーブルの行の末尾にコンテンツと：
var row = document.getElementById("myRow");
var x = row.insertCell(-1);
x.innerHTML = "New cell";
»それを自分で試してみてください
例
新規挿入cell(s) ID =「myRow」のテーブル行のインデックス位置2のコンテンツとを。
var row = document.getElementById("myRow");
var x = row.insertCell(2);
x.innerHTML = "New cell";
»それを自分で試してみてください
例
新しい挿入cell(s)最初のテーブルの行の先頭に。 表の行コレクション(.rows[0])のすべてのコレクションを返し<tr> IDを持つテーブル内の要素"myTable" 。 番号[0]は、この例では、最初のテーブルの行を取得する要素を指定します。 その後、我々は、使用insertcell()新しい挿入するにはcell(s)インデックス位置で-1：
var firstRow = document.getElementById("myTable").rows[0];
var x = firstRow.insertCell(-1);
x.innerHTML = "New cell"; »それを自分で試してみてください
例
最初の削除cell(s) ID =「myRow」のテーブルの行からの：
var row = document.getElementById("myRow");
row.deleteCell(0); »それを自分で試してみてください
例
新しい挿入row(s)テーブルの先頭に。 insertRow()メソッドは、この例では、第1の位置では、テーブル内の指定されたインデックスに新しい行を挿入(the beginning) ID =「MYTABLE」のテーブルの。 その後、我々は使用insertCell()新しい行にセルを追加する方法を。
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"; »それを自分で試してみてください
<のTableRowオブジェクト