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-
indexest un entier représentant la ligne à supprimer. Cependant, l'index spécial-1peut être utilisé pour supprimer la toute dernière ligne d'un tableau.
Valeur de retour
Aucune (undefined).
Exceptions
IndexSizeErrorDOMException-
Levée si
indexest 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
- La méthode
HTMLTableSectionElement.deleteRow()