Propriété parentNode en javascript

Propriété parentNode en javascript

Le "norme parentale»La propriété donne au nœud parent de l'élément spécifié ou d'un nœud et il s'agit d'une propriété en lecture seule.

Syntaxe

Dans la syntaxe donnée:

• "élément»Correspond à l'élément dont le nœud parent doit être récupéré.

Exemple 1: Trouvez le nœud parent des éléments
Cet exemple entraînera la récupération du nœud parent de l'en-tête inclus et une image dans le «div" élément.

Suivons l'exemple indiqué ci-dessous:

Ceci est le site Web de Linuxhint

Dans l'extrait de code ci-dessus, effectuez les étapes suivantes:

• Spécifiez le div indiqué avec le spécifié "identifiant".
• Dans les étapes suivantes, contenez le «titre" Et un "image"Avoir le spécifié"id"Dans le"div" élément.

Passons à la partie javascript du code:

>

Dans l'extrait de code ci-dessus:

• Accédez à l'en-tête et à l'image inclus par leur «id" en utilisant le "document.getElementByid ()" méthode.
• Enfin, appliquez le «norme parentale”Propriété sur le cap contenu et l'image pour afficher leur nœud parent.

Sortir

Dans la sortie ci-dessus, on peut observer que le nœud parent de l'en-tête et de l'image est enregistré.

Exemple 2: Trouvez l'élément parent de l'option sélectionnée
Cet exemple récupérera l'élément parent de toutes les options contenues sur le bouton cliquer.

Suivons l'exemple ci-dessous étape par étape:

Sélectionnez l'une des langue suivantes:

Python
Java
Javascrip



Cliquez pour obtenir un parent

> / h3>

Dans les lignes de code ci-dessus:

• Spécifie le "classe" de la "sélectionner" élément.
• À l'étape suivante, incluez les options déclarées dans l'élément de l'étape précédente.
• Après cela, créez un «bouton"Avec un attaché"sur clic»Redirection des événements vers la fonction getparent ().
• Spécifiez également la rubrique indiquée avec un «identifiant«Pour contenir le message avec l'élément parent correspondant sur le modèle d'objet document (DOM).

Continuons à la partie javascript du code:

• Déclarer une fonction nommée «getParent ()".
• Dans sa définition, accédez au «sélectionner»Élément utilisant le«document.QuerySelector ()" méthode.
• Dans l'étape suivante, appliquez le «SELECT-INDEX”Propriété pour renvoyer l'index de l'option sélectionnée dans une liste déroulante.
• Après cela, accédez à la rubrique allouée pour afficher l'élément parent à l'aide du «document.getElementByid ()" méthode.
• Enfin, appliquez le «innerhtml«Propriété combinée avec le«norme parentale.nodename”Pour obtenir le nom de l'élément parent.

Dans une autre partie, coiffez les éléments indiqués et ajustez leurs dimensions:

Sortir

Dans la sortie ci-dessus, on peut observer que l'élément parent de chacune des options sélectionnées est récupérée.

Conclusion

Le "norme parentale»La propriété renvoie le nœud parent de l'élément spécifié ou de l'élément parent correspondant lui-même en javascript. Le nœud parent de l'élément peut être récupéré en appliquant le «norme parentale»Propriété directement. L'élément parent peut être récupéré en appliquant le «norme parentale.nodename»Propriété sur l'option sélectionnée. Ce tutoriel a expliqué l'utilisation de la propriété ParentNode dans JavaScript.