Méthode deleteCell() de TableRow

Objet TableRow DOM HTML

Définition et utilisation

deleteCell() La méthode deleteCell() supprime une cellule dans la ligne de tableau actuelle.

Astuce :Utilisez Méthode insertCell() Insérer une cellule dans la ligne de tableau actuelle.

Voir également :

Manuel HTML :Balise <tr> HTML

Exemple

Exemple 1

Supprimez la première cellule de la ligne de tableau avec id="myRow" :

var row = document.getElementById("myRow");
row.deleteCell(0);

Essayez-le vous-même

Exemple 2

Supprimez la dernière cellule de la ligne de tableau avec id="myRow" :

var row = document.getElementById("myRow");
row.deleteCell(-1);

Essayez-le vous-même

Exemple 3

Supprimez la cellule à l'index 1 de la ligne de tableau avec id="myRow" :

var row = document.getElementById("myRow");
row.deleteCell(1);

Essayez-le vous-même

Exemple 4

Supprimez la cellule à l'beginning de la première ligne de tableau.

Le ensemble rows de la table (.rows[0]) retourne l'ensemble de tous les éléments <tr> de la table ayant l'id "myTable". Le nombre [0] spécifie l'élément à récupérer, dans cet exemple, c'est la première ligne de tableau.

Ensuite, nous utilisons deleteCell() pour supprimer la cellule à l'index 0 :

var firstRow = document.getElementById("myTable").rows[0];
firstRow.deleteCell(0);

Essayez-le vous-même

Exemple 5

Insérez à l'beginning de la ligne de tableau avec id="myRow" une nouvelle cellule contenant du contenu :

var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "nouvelle cellule";

Essayez-le vous-même

Syntaxe

tablerowObject.deleteCell(index)
Paramètre Description
index

Nécessaire dans Firefox et Opera, optionnel dans IE, Chrome et Safari.

Entier (commençant à 0), qui détermine la position de la cellule à supprimer dans la ligne actuelle.

La valeur 0 entraîne la suppression de la première cellule. Vous pouvez également utiliser la valeur -1, ce qui entraîne la suppression de la dernière cellule.

Si ce paramètre est omis, deleteCell() supprimera la dernière cellule dans IE et la première cellule dans Chrome et Safari.

Détails techniques

Valeur de retour :

Aucune valeur de retour.

Compatibilité des navigateurs

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support

Objet TableRow DOM HTML