Méthode TableRow deleteCell()
Exemple
Supprimez la ou les premières cellules d'une ligne de tableau avec id="myRow":
var row = document.getElementById("myRow");
row.deleteCell(0);
Définition et utilisation
La méthode deleteCell() supprime une cellule dans la ligne courante du tableau.
Astuce : Utilisez la méthode insertCell() pour insérer une cellule dans la ligne de tableau actuelle.
Prise en charge du navigateur
Method | |||||
---|---|---|---|---|---|
deleteCell() | Yes | Yes | Yes | Yes | Yes |
Syntaxe
tablerowObject.deleteCell(index)
Valeurs des paramètres
Value | Description |
---|---|
index | Required in Firefox and Opera, optional in IE, Chrome and Safari. An integer (starts at 0) that specifies the position of the cell to delete in the current row. The value of 0 results in that the first cell will be deleted. The value of -1 can also be used; which result in that the last cell will be deleted. If this parameter is omitted, deleteCell() removes the last cell in IE and the first cell 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 : | Aucune valeur de retour. |
---|
Plus d'exemples
Exemple
Supprimez la ou les dernières cellules d'une ligne de tableau avec id="myRow":
var row = document.getElementById("myRow");
row.deleteCell(-1);
Exemple
Supprimez les cellules de la position d'index 1 dans une ligne de tableau avec id="myRow":
var row = document.getElementById("myRow");
row.deleteCell(1);
Exemple
Supprimer les 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 deleteCell() pour supprimer les cellules de la position d'index 0 :
var firstRow = document.getElementById("myTable").rows[0];
firstRow.deleteCell(0);
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";
❮ Objet TableRow