Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

HTMLTableElement : méthode deleteRow()

Baseline
Large disponibilité

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

js
deleteRow(index)

Paramètres

index

L'index de la ligne à supprimer dans la collection rows. Si index est -1, la dernière ligne est supprimée.

Valeur de retour

Aucune (undefined).

Exceptions

IndexSizeError DOMException

Levée si index est supérieur ou égal au nombre de lignes ou est inférieur à -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
const table = document.querySelector("table");

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

Résultat

Spécifications

Spécification
HTML
# dom-table-deleterow-dev

Compatibilité des navigateurs

Voir aussi