HTML méta introduction six - tr

[Introduction] Définir une ligne dans le tableau spécifié. Spécifie une ligne dans un tableau. Remarque Les éléments TD et TH peuvent apparaître dans une ligne. Pour modifier le code HTML d'un élément TR, utilisez le modèle d'objet de table. Par exemple, utilisez la propriété rowIndex ou la collection rows pour obtenir la

définition d'une ligne de tableau spécifique

une ligne dans une table spécifiée.

Spécifie une ligne dans un tableau.

Notes

Les éléments TD et TH peuvent apparaître dans une ligne.

Pour modifier le HTML dans un élément TR, utilisez le modèle d'objet de table. Par exemple, utilisez la propriété rowIndex ou la collection rows pour obtenir une référence à une ligne de tableau spécifique. Vous pouvez ajouter ou supprimer des lignes à l'aide des méthodes insertRow et deleteRow. Pour obtenir une référence à une cellule spécifique, utilisez la propriété cellIndex ou la collection de cellules. Vous pouvez ajouter ou supprimer des cellules à l'aide des méthodes insertCell et deleteCell. Pour modifier le contenu d'une cellule spécifique, utilisez la propriété innerHTML ou innerText.

Les objets table et leurs éléments associés ont des modèles d'objet table indépendants, qui sont très différents des méthodes utilisées par les modèles objet conventionnels. Pour plus d’informations sur le modèle objet de table, consultez Comment générer des tables de manière dynamique.

Cet élément est disponible en HTML dans Internet Explorer 3.0 et supérieur, et en script dans Internet Explorer 4.0 et supérieur.

Cet élément est un élément bloc.

Cet élément nécessite une balise de fermeture.

Exemple de code

Cet exemple utilise l'élément TR et les éléments TABLE, TD et TR pour créer un tableau à deux lignes.

<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>

                                                                         

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!