javascript supprimer la ligne du tableau

En JavaScript, nous pouvons facilement supprimer une ligne dans un tableau via la manipulation DOM. Ce qui suit présente deux manières de base de supprimer une ligne du tableau.

1. La suppression est réalisée via la méthode deleteRow() de l'objet table table

En HTML, la suppression peut être réalisée en attribuant un identifiant au numéro de ligne à supprimer ou en spécifiant la position de la ligne à supprimer. Le code est le suivant :

Description du code :

• La méthode deleteRow() dans cette méthode est utilisée pour supprimer la ligne à la position spécifiée (à partir de 0).
• Dans cet exemple, la première ligne a la position 0, la deuxième ligne a la position 1, et ainsi de suite.
• Si la ligne à supprimer n'est pas dans le tableau, une erreur sera générée.
• Vous devez introduire une variable correspondant au tableau. La valeur de la variable peut être obtenue en utilisant getElementById() ou d'autres méthodes.

2. La suppression est réalisée via l'attribut parentNode de l'objet HTMLElement

En plus de la méthode ci-dessus, nous pouvons également utiliser l'attribut parentNode pour supprimer des éléments. En HTML, nous pouvons supprimer une ligne en obtenant l'élément parent de l'élément de ligne actuellement sélectionné, c'est-à-dire l'élément tbody du tableau. Le code est le suivant :

Description du code :

• Récupérez d'abord l'élément de ligne à supprimer, vous pouvez utiliser la méthode getElementById() ou d'autres méthodes pour l'obtenir.
• Ensuite, utilisez la propriété parentNode de l'objet élément row pour obtenir l'objet table table et obtenir l'élément tbody de cet objet.
• Enfin, utilisez la méthode removeChild() de l'objet tbody pour supprimer les éléments de ligne sélectionnés.

Résumé

Supprimer une ligne dans un tableau est simple, soit en utilisant la méthode deleteRow(), soit en utilisant l'attribut parentNode. De nombreux développeurs préfèrent utiliser la méthode deleteRow(), compte tenu de ses avantages de simplicité et de clarté. D'un autre côté, l'utilisation de l'attribut parentNode est une approche plus générale qui peut être utilisée sur n'importe quel élément d'un document HTML. Pour les développeurs qui souhaitent implémenter des fonctionnalités réutilisables, l’utilisation de l’attribut parentNode est sans doute plus adaptée.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!