1. insertRow() 関数と insertCell() 関数
insertRow() 関数は、次の形式でパラメータを受け取ることができます:
insertRow(index): インデックスは 0 から始まります
この関数は、最初の行の前に新しい行を追加する insertRow(0) など、インデックスの行の前に新しい行を追加します。デフォルトの insertRow() 関数は、テーブルの末尾に新しい行を追加する insertRow(-1) と同等です。通常、これを使用する場合: objTable.insertRow(objTable.rows.length) テーブル objTable の最後に新しい行を追加します。
insertCell() と insertRow の使用法は同じであるため、ここでは説明しません。
2. deleteRow() メソッドと deleteCell() メソッド
deleteRow() 関数はパラメータを取ることができ、形式は次のとおりです: deleteRow(index): インデックスは 0 から始まります
上記2つの方法と同じ意味は、指定した位置の行やセルを削除することです。渡されるパラメータ: インデックスはテーブル内の行の位置であり、次のメソッドで取得して削除できます:
使用中に遭遇した問題についてお話します。テーブル内の行を削除する際、特定の行を削除するとテーブル内の行数がすぐに変更されるため、テーブルをすべて削除したい場合は行を削除します。 、次のコードは間違っています:
3. セルと行のプロパティを動的に設定します
A. 次の形式で setAttribute() メソッドを使用します: setAttribute(属性, 属性値)注: このメソッドは、ほとんどすべての DOM オブジェクトに使用できます。最初のパラメーターは属性の名前 (例: border) で、2 番目のパラメーターはボーダーに設定する値 (例: 1
B. 直接割り当て
この方法は誰にでも当てはまります(笑)。
4. テーブルを作成します
行
ステップ 1: 動的に変更できるテーブルが必要です。ここで話しているのは、ページ上にすでに存在するテーブルです。ID: myTable
を設定する必要があります。ステップ 2: 行オブジェクトと列オブジェクトを作成する
//セルボックス番号
var newCellCartonNo = nextRow.insertCell();
var cartonNoName = "IptCartonNo";
newCellCartonNo.innerHTML = " ";
newCellCartonNo.setAttribute("className","tablerdd");
これで、行と列を作成するだけです。以下に具体的なコードを投稿しました。非常に簡単な例ですが、方法はおそらく上記のとおりです(笑)、ゆっくり調べてみましょう〜
コードは次のとおりです: