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 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

js
deleteRow(index)

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