Méthode TableRow insertCell()
Exemple
Insérer de nouvelles cellules avec du contenu au début d'une ligne de tableau avec id="myRow":
var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "New cell";
Définition et utilisation
La méthode insertCell() insère une cellule dans la ligne courante.
Astuce : Utilisez la méthode deleteCell() pour supprimer une cellule dans la ligne de tableau actuelle.
Prise en charge du navigateur
Method | |||||
---|---|---|---|---|---|
insertCell() | Yes | Yes | Yes | Yes | Yes |
Syntaxe
tablerowObject.insertCell(index)
Valeurs des paramètres
Value | Description |
---|---|
index | Required in Firefox and Opera, optional in IE, Chrome and Safari. A number (starts at 0) that specifies the position of the new cell in the current row. The value of 0 results in that the new cell will be inserted at the first position. The value of -1 can also be used; which results in that the new cell will be inserted at the last position. If this parameter is omitted, insertCell() inserts the new cell at the last position in IE and at the first position in Chrome and Safari. This parameter is required in Firefox and Opera, but optional in Internet Explorer, Chrome and Safari. |
Détails techniques
Valeur de retour : | L'élément de cellule inséré |
---|
Plus d'exemples
Exemple
Insérer de nouvelles cellules avec du contenu à la fin d'une ligne de tableau avec id="myRow":
var row = document.getElementById("myRow");
var x = row.insertCell(-1);
x.innerHTML = "New cell";
Exemple
Insérer de nouvelles cellules avec du contenu à la position d'index 2 d'une ligne de tableau avec id="myRow":
var row = document.getElementById("myRow");
var x = row.insertCell(2);
x.innerHTML = "New cell";
Exemple
Insérez de nouvelles cellules au début de la première ligne du tableau. La collection de lignes de table (.rows[0]) renvoie une collection de tous les éléments <tr> de la table avec l'identifiant "myTable". Le nombre [0] précise l'élément à récupérer, dans cet exemple, la première ligne du tableau. Ensuite, nous utilisons insertcell() pour insérer de nouvelles cellules à la position d'index -1 :
var firstRow = document.getElementById("myTable").rows[0];
var x = firstRow.insertCell(-1);
x.innerHTML = "New cell";
Exemple
Supprimez la ou les premières cellules d'une ligne de tableau avec id="myRow":
var row = document.getElementById("myRow");
row.deleteCell(0);
Exemple
Insérer de nouvelles lignes au début d'un tableau. La méthode insertRow() insère une nouvelle ligne à l'index spécifié dans une table, dans cet exemple, la première position (le début) d'une table avec id="myTable". Ensuite, nous utilisons la méthode insertCell() 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";
❮ Objet TableRow