Derniers tutoriels de développement web
 

TableRow deleteCell() Method

<TableRow Object

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 »

Définition et utilisation

Le deleteCell() méthode supprime une cellule dans la ligne de la table en cours.

Conseil: Utiliser la insertCell() méthode pour supprimer une cellule dans la ligne de la table en cours.


Support du navigateur

méthode
deleteCell() Oui Oui Oui Oui Oui

Syntaxe

tablerowObject .deleteCell( Les valeurs des paramètres
Valeur La description
index Requis dans Firefox et Opera, en option dans Internet Explorer, Chrome et Safari. Un entier (starts at 0) à (starts at 0) qui spécifie la position de la cellule à supprimer dans la ligne courante. La valeur de 0 en ce que la première cellule sera supprimée. La valeur de -1 peut également être utilisé; qui aboutissent à ce que la dernière cellule sera supprimée.

Si ce paramètre est omis, deleteCell() supprime la dernière cellule dans IE et la première cellule 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: Aucune valeur de retour.

autres exemples

Exemple

Supprimer la dernière cell(s) à partir de la une rangée de table avec id = « myRow »:

var row = document.getElementById("myRow");
row.deleteCell(-1);
Essayez vous - même »

Exemple

Supprimer cell(s) à partir de la position d'index 1 dans une ligne de la table avec id = "myRow":

var row = document.getElementById("myRow");
row.deleteCell(1);
Essayez vous - même »

Exemple

Supprimer cell(s) au début de la première ligne du tableau. 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 deleteCell() pour supprimer les cellules de la position d'index 0:

var firstRow = document.getElementById("myTable").rows[0];
firstRow.deleteCell(0);
Essayez vous - même »

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 »

<TableRow Object