HTMLTableElement : méthode deleteRow() - Les API Web | MDN

Baseline Widely available

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.

La méthode deleteRow() de l'interface HTMLTableElement supprime une ligne spécifique (<tr>) d'un tableau (<table>) donné.

Syntaxe

Paramètres

index

index est un entier représentant la ligne à supprimer. Cependant, l'index spécial -1 peut être utilisé pour supprimer la toute dernière ligne d'un tableau.

Valeur de retour

Aucune (undefined).

Exceptions

IndexSizeError DOMException

Levée si index est supérieur ou égal au nombre de lignes disponibles ou est une valeur négative autre que -1.

Exemples

Cet exemple utilise JavaScript pour supprimer la deuxième ligne d'un tableau.

HTML

html

<table>
  <tbody>
    <tr>
      <td>Cellule 1.1</td>
      <td>Cellule 1.2</td>
      <td>Cellule 1.3</td>
    </tr>
    <tr>
      <td>Cellule 2.1</td>
      <td>Cellule 2.2</td>
      <td>Cellule 2.3</td>
    </tr>
    <tr>
      <td>Cellule 3.1</td>
      <td>Cellule 3.2</td>
      <td>Cellule 3.3</td>
    </tr>
  </tbody>
</table>

JavaScript

js

let table = document.querySelector("table");

// Supprimer la deuxième ligne
table.deleteRow(1);

Résultat

Spécifications

Specification
HTML
# dom-table-deleterow-dev

Compatibilité des navigateurs

Voir aussi

Help improve MDN

Learn how to contribute

Cette page a été modifiée le par les contributeurs du MDN.