Exemple
Insérer une nouvelle cell(s) avec un contenu au début d'une ligne de table avec id = « myRow »:
var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "New cell"; Essayez vous - même » Définition et utilisation
Le insertCell() méthode insère une cellule dans la ligne courante.
Conseil: Utiliser la deleteCell() méthode pour supprimer une cellule dans la ligne de la table en cours.
Support du navigateur
| méthode | |||||
|---|---|---|---|---|---|
| insertCell() | Oui | Oui | Oui | Oui | Oui |
Syntaxe
tablerowObject .insertCell( 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 (starts at 0) à (starts at 0) qui spécifie la position de la nouvelle cellule dans la ligne courante. La valeur de 0 en ce que la nouvelle cellule est insérée dans la première position. La valeur de -1 peut également être utilisé; qui résulte en ce que la nouvelle cellule sera insérée à la dernière position.
Si ce paramètre est omis, insertCell() insère la nouvelle cellule à la dernière position dans IE et à la première position dans Chrome et Safari.
Ce paramètre est requis dans Firefox et Opera, mais en option dans Internet Explorer, Chrome et Safari.
Détails techniques
Valeur de retour: L'élément de cellule insérée
autres exemples
Exemple
Insérer une nouvelle cell(s) avec le contenu à la fin d'une rangée de table avec id = « myRow »:
var row = document.getElementById("myRow");
var x = row.insertCell(-1);
x.innerHTML = "New cell";
Essayez vous - même »
Exemple
Insérer une nouvelle cell(s) avec le contenu à la position d'indice 2 d'une rangée de table avec id = « myRow »:
var row = document.getElementById("myRow");
var x = row.insertCell(2);
x.innerHTML = "New cell";
Essayez vous - même »
Exemple
Insérer une nouvelle cell(s) au début de la première ligne de la table. Les lignes de la table collection (.rows[0]) renvoie une collection de tous les <tr> éléments dans la table avec id "myTable" . Le nombre [0] spécifie l'élément à récupérer, dans cet exemple, la première ligne de la table. Ensuite , nous utilisons insertcell() pour insérer une nouvelle cell(s) à la position de l' index -1:
var firstRow = document.getElementById("myTable").rows[0];
var x = firstRow.insertCell(-1);
x.innerHTML = "New cell"; Essayez vous - même »
Exemple
Supprimer la première cell(s) à partir d' une ligne de la table avec id = « myRow »:
var row = document.getElementById("myRow");
row.deleteCell(0); Essayez vous - même »
Exemple
Insérer une nouvelle row(s) au début d'une table. Le insertRow() méthode insère une nouvelle ligne à l'index spécifié dans une table, dans cet exemple, la première position (the beginning) d'une table avec id = « myTable ». Ensuite , nous utilisons la insertCell() méthode pour ajouter des cellules dans la nouvelle ligne.
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"; Essayez vous - même »
<TableRow Object