Exemple
Insérer une nouvelle row(s) dans la première position d'une table (et insérer un <td> élément avec un contenu à elle):
// Find a <table> element with id="myTable":
var table =
document.getElementById("myTable");
// Create an empty <tr> element
and add it to the 1st position of the table:
var row = table.insertRow(0);
// Insert
new cells (<td> elements) at the 1st and 2nd position of the "new" <tr> element:
var cell1 =
row.insertCell(0);
var cell2 = row.insertCell(1);
// Add some text
to the new cells:
cell1.innerHTML = "NEW CELL1";
cell2.innerHTML =
"NEW CELL2"; Essayez vous - même » Définition et utilisation
Le insertRow() méthode crée un vide <tr> élément et l' ajoute à une table.
Le insertRow() méthode insère la nouvelle row(s) à l'index spécifié dans le tableau.
Remarque: A <tr> élément doit contenir un ou plusieurs <th> ou <td> éléments.
Conseil: Utiliser la deleteRow() Procédé pour enlever une rangée.
Support du navigateur
| méthode | |||||
|---|---|---|---|---|---|
| insertRow() | Oui | Oui | Oui | Oui | Oui |
Syntaxe
tableObject .insertRow( Les valeurs des paramètres Valeur La description index Requis dans Firefox et Opera, en option dans Internet Explorer, Chrome et Safari. Un certain nombre qui spécifie la position de la ligne à insérer (à partir de 0). La valeur de 0 résultats en ce que la nouvelle ligne est insérée dans la première position. La valeur de -1 peut également être utilisé, cela se traduit par une nouvelle ligne étant inséré à la dernière position.
Ce paramètre est requis dans Firefox et Opera, mais en option dans Internet Explorer, Chrome et Safari.
Si ce paramètre est omis, insertRow() insère une nouvelle ligne à la dernière position dans Chrome, IE, Firefox et Opera, et à la première position dans Safari.
Détails techniques
Valeur de retour: Le inséré <tr> élément
autres exemples
Exemple
Créer et supprimer la row(s) :
function myCreateFunction() {
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";
}
function myDeleteFunction() {
document.getElementById("myTable").deleteRow(0);
} Essayez vous - même »
Pages associées
Référence HTML: HTML <tr> balise
<Table objet