Il existe plusieurs fonctionnalités que JavaScript fournit un site Web afin de le rendre interactif. L'une des fonctionnalités les plus fondamentales que JavaScript fournit est de supprimer un nœud ou un élément d'une page Web.

Cet article suivra les étapes ci-dessous pour supprimer un élément d'une page Web dans JavaScript.

• Méthode GetElementsByid
• Méthode de suppression ()
• Élimination des nœuds ou éléments enfants

Qu'est-ce que GetElementsByid Méthode?

GetElementsById, comme son nom l'indique, est une méthode JavaScript qui est utilisée pour récupérer un ID spécifique d'un élément et le renvoyer dans une variable. Cette valeur d'élément renvoyée peut être utilisée pour effectuer diverses tâches.

Syntaxe

Ensuite, nous allons jeter un œil à la méthode Remove () intégrée pour découvrir comment il peut être utilisé pour supprimer les éléments par ID en JavaScript.

La méthode retire () en javascript

La méthode supprime () en javascript aide à supprimer un élément ou un nœud. Il ne prend aucun paramètre ni ne renvoie aucune valeur.

Comme nous l'avons vu le but des deux getElementsbyid méthode et le retirer méthode. Maintenant, nous allons jeter un œil à un extrait de code simple qui supprimera un élément HTML d'une page Web:

Html

Supprimer le texte

Ce texte sera supprimé lorsque vous cliquez sur le bouton

Retirer les fruits sélectionnés

Dans l'extrait de code ci-dessus, un texte simple est fourni dans

et

Tag de l'élément HTML avec un bouton. Une fois que le bouton est cliqué sur le texte à l'intérieur du

La balise sera supprimée de la page Web.

Enregistrer et exécuter le code, la sortie de l'extrait ci-dessus est similaire à celle ci-dessous.

Maintenant, un code JavaScript doit être ajouté derrière le bouton de sorte que lorsque le bouton est cliqué, les résultats souhaités peuvent être obtenus.

Js

Dans le script ci-dessus, on peut voir qu'un myremovefunction La fonction a été créée dans laquelle d'abord le Identifiant de l'élément est récupéré par le getElementbyid méthode et est stocké dans la variable textremove.

Après avoir renvoyé l'élément par ID à la variable TextRemove, la fonction intégrée de retirer a été utilisé qui supprimera l'élément HTML au moment où le bouton est cliqué.

Lors de l'exécution du code ci-dessus, une sortie similaire peut être vue sur le navigateur comme présenté ci-dessous.

Dans l'instantané ci-dessus de la sortie, on peut voir que, lorsque le bouton est cliqué, le texte qui était présent dans le

La balise d'élément a été supprimée de la page Web.

Conclusion

JavaScript fournit différentes méthodes pour une meilleure fonctionnalité de page Web. Le GetElementByid est l'une des méthodes communes et utiles qui renvoie la valeur de l'identification d'un élément. L'élément dont l'ID est enregistré sur une variable peut être supprimé en utilisant la fonction de suppression intégrée de JavaScript.