HTMLメタ入門6 - tr

【はじめに】指定したテーブルに行を定義します。テーブル内の行を指定します。 注 TD 要素と TH 要素は行内に出現できます。 TR 要素内の HTML を変更するには、テーブル オブジェクト モデルを使用します。たとえば、rowIndex プロパティまたは rows コレクションを使用して、特定のテーブル行の

定義

を取得し、テーブル内の行を指定します。

テーブル内の行を指定します。

Notes

TD要素とTH要素は行内に出現できます。

TR 要素内の HTML を変更するには、テーブル オブジェクト モデルを使用します。たとえば、rowIndex プロパティまたは rows コレクションを使用して、特定のテーブル行への参照を取得します。 insertRow メソッドと deleteRow メソッドを使用して行を追加または削除できます。特定のセルへの参照を取得するには、cellIndex プロパティまたはセル コレクションを使用します。 insertCell メソッドと deleteCell メソッドを使用してセルを追加または削除できます。特定のセルの内容を変更するには、innerHTML プロパティまたは innerText プロパティを使用します。

テーブル オブジェクトとその関連要素には独立したテーブル オブジェクト モデルがあり、従来のオブジェクト モデルで使用されるメソッドとは大きく異なります。テーブル オブジェクト モデルの詳細については、「テーブルを動的に生成する方法」を参照してください。

この要素は、Internet Explorer 3.0 以降の HTML および Internet Explorer 4.0 以降のスクリプトで使用できます。

この要素はブロック要素です。

この要素には終了タグが必要です。

サンプルコード

この例では、TR 要素と TABLE、TD、TR 要素を使用して 2 行のテーブルを作成します。

<TABLE>
<TR>
<TD>This is the first row.</TD>
</TR>
<TR>
<TD>This is the second row.</TD>
</TR>
</TABLE>
这个例子使用表格对象模型在用户单击按钮时向表格中动态添加了两行和两个单元格。

<SCRIPT>
function createRows(){
   // Insert two rows.
   var oRow1=oTable.insertRow(oTable.rows.length);
   var oRow2=oTable.insertRow(oTable.rows.length);
   
   // Retrieve the rows collection for the table.
   var aRows=oTable.rows;
   
   // Retrieve the cells collection for the first row.
   var aCells=oRow1.cells;
   
   // Insert two cells into the first row.
   var oCell1_1=aRows(oRow1.rowIndex).insertCell(aCells.length);
   var oCell1_2=aRows(oRow1.rowIndex).insertCell(aCells.length);
   
   // Retrieve the cells collection for the second row.
   aCells=oRow2.cells;
   
   // Insert two cells into the second row.
   var oCell2_1=aRows(oRow2.rowIndex).insertCell(aCells.length);
   var oCell2_2=aRows(oRow2.rowIndex).insertCell(aCells.length);
   
   // Add regular HTML values to the 4 new cells. 
   oCell1_1.innerHTML="<B>Cell 1.1!</B>";
   oCell1_2.innerHTML="<B>Cell 1.2!</B>";
   oCell2_1.innerHTML="<B>Cell 2.1!</B>";
   oCell2_2.innerHTML="<B>Cell 2.2!</B>";  
}
</SCRIPT>
<INPUT TYPE="button" VALUE="Create Rows" onclick="createRows()">
<TABLE BORDER=1 ID="oTable">
</TABLE>

以上がHTMLメタ入門6 - trの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。