Méthode deleteRow() de la table

Objet Table du DOM HTML

Définition et utilisation

deleteRow() Méthode pour supprimer la ligne à l'indice spécifié dans le tableau.

Astuce :Utilisez insertRow() Création et insertion de nouvelles lignes.

Voir également :

Manuel HTML :Balise <tr> HTML

Exemple

Exemple 1

Supprimer la première ligne du tableau :

document.getElementById("myTable").deleteRow(0);

Essayez-le vous-même

Exemple 2

Supprimer la ligne cliquée :

function deleteRow(r) {
  var i = r.parentNode.parentNode.rowIndex;
  document.getElementById("myTable").deleteRow(i);
}

Essayez-le vous-même

Exemple 3

Création et suppression de lignes :

function myCreateFunction() {
  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";
}
function myDeleteFunction() {
  document.getElementById("myTable").deleteRow(0);
}

Essayez-le vous-même

Syntaxe

tableObject.deleteRow(index)

Valeur du paramètre

Paramètre Description
index

Obligatoire dans Firefox et Opera, optionnel dans IE, Chrome et Safari.

Entier, indiquant la position de la ligne à supprimer (commençant à 0).

La valeur 0 supprimera la première ligne.

Vous pouvez également utiliser la valeur -1, ce qui entraînera la suppression de la dernière ligne.

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

Valeur de retour :

Aucune valeur de retour.

Support du navigateur

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

Objet Table du DOM HTML