Javascript操作表（insertRow、deleteRow、insertCell、deleteCellメソッドの詳細説明）

Javascript操作表（insertRow、deleteRow、insertCell、deleteCellメソッドの詳細説明）_javascriptスキル

WBOY

リリース： 2016-05-16 17:09:02

オリジナル

1280 人が閲覧しました

insertRow() メソッド

定義と使用法

insertRow() メソッドは、テーブル内の指定された位置に新しい行を挿入するために使用されます。

文法

tableObject.insertRow(index)

戻り値

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

説明

このメソッドは、新しいタグを表す新しい TableRow オブジェクトを作成し、それをテーブルの指定された位置に挿入します。

新しい行はインデックスの行の前に挿入されます。インデックスがテーブル内の行数と等しい場合、新しい行がテーブルの末尾に追加されます。

テーブルが空の場合、新しい行は新しいセグメントに挿入され、それ自体がテーブルに挿入されます。

投げる

パラメータのインデックスが 0 未満、またはテーブル内の行数以上の場合、このメソッドはコード INDEX_SIZE_ERR の DOMException 例外をスローします。

例

コードをコピーコードは次のとおりです:

< td>Row1 cell2

Row1 cell1
Row2 cell1	Row2 cell2

value="新規挿入行">

deleteCell()

定義と使用法

deleteCell() メソッドは、テーブル行のセル ( 要素) を削除するために使用されます。

文法

tablerowObject.deleteCell(index)

説明

パラメータのインデックスは、行内で削除されるテーブル要素の位置です。

このメソッドは、テーブル行の指定された位置にあるテーブル要素を削除します。

投げる

パラメータのインデックスが 0 未満、または行内のテーブル要素の数以上の場合、このメソッドはコード INDEX_SIZE_ERR で DOMException 例外をスローします。

例

コードをコピーコードは次のとおりです:

Row1 cell1	Row1 cell2
Row2 cell1	Row2 cell2

value="最初の行を削除">

insertCell()

定義と使用法

insertCell() メソッドは、HTML テーブルの行の指定された位置に空の要素を挿入するために使用されます。

文法

tablerowObject.insertCell(index)

戻り値

新しく作成され挿入された要素を表す TableCell オブジェクト。

説明

このメソッドは、新しい要素を作成し、指定された位置の行に挿入します。新しいセルは、index で指定された現在の位置にあるセルの前に挿入されます。インデックスが行内のセルの数と等しい場合、新しいセルが行の末尾に追加されます。

このメソッドはデータテーブル要素のみを挿入できることに注意してください。行にヘッダー要素を追加する必要がある場合は、Document.createElement() メソッドと Node.insertBefore() メソッド (または関連メソッド) を使用して要素を作成して挿入する必要があります。

投げる

例

コードをコピーコードは次のとおりです:

< /tr>