Ce guide explique la propriété 'nodeValue' de l'élément HTML DOM en JavaScript.
Qu'est-ce que la propriété 'nodeValue' de l'élément HTML DOM en JavaScript ?
L'élément DOM (Document Object Model) ' nodeValue ” est une propriété utile qui définit et récupère la valeur d'un nœud. Cette méthode renvoie 'null' si le nœud spécifié fait référence à un nœud d'élément. Cette propriété renvoie également le texte d'un nœud s'il est inclus dans le nœud de texte. Sa valeur de retour dépend du type de nœud.
Syntaxe (Set 'nodeValue')
nœud. nodeValue = valeur
La syntaxe ci-dessus nécessite le ' valeur ” que l'utilisateur souhaite définir pour le nœud souhaité.
Syntaxe (Retour 'nodeValue')
nœud. nodeValue
Cette syntaxe donnée renvoie un ' nul ” valeur pour les nœuds d'élément et de document, “ texte ' pour les nœuds de commentaire et de texte, et ' attribut ” pour les nœuds d'attribut.
Implémentons la propriété définie ci-dessus à l'aide de l'exemple indiqué.
Exemple : Application de la propriété 'nodeValue' de l'élément DOM pour récupérer le texte d'un élément
Cet exemple applique la propriété 'nodeValue' pour obtenir le texte du bouton créé.
Code HTML
Tout d'abord, regardez le code ci-dessous :
< bouton > Nouveau bouton. < / bouton >< p identifiant = 'pour' >< / p >
Dans les lignes de code ci-dessus :
- Le '
” tag ajoute un bouton. - Le ' ” intègre un paragraphe vide avec un identifiant “para”.
Code Javascript
Maintenant, suivez le code JavaScript ci-dessous :
< scénario >constante élément = document. getElementsByTagName ( 'BOUTON' ) [ 0 ] ;
laisser le résultat = élément. childNodes [ 0 ] . nodeValue ;
document. getElementById ( 'pour' ) . innerHTML = ' La valeur du nœud est : ' + résultat ;
scénario >
Dans les lignes de code ci-dessus :
- Tout d'abord, déclarez une variable 'elem' qui applique le ' getElementsByTagName() » pour accéder à l'élément par son nom de balise placé à l'index « 0 ».
- Ensuite, la variable 'résultat' utilise le ' nodeValue « propriété liée à la » childNodes ” propriété pour obtenir la valeur du nœud enfant spécifique.
- Enfin, le « getElementById() ' La méthode accède au paragraphe vide en utilisant son identifiant 'para' pour l'ajouter avec la valeur de la variable 'résultat', c'est-à-dire le texte du bouton.
Sortir
On voit que la sortie affiche le texte de l'élément '
Conclusion
En JavaScript, le ' nodeValue ” propriété de HTML DOM permet de définir et d'obtenir la propriété de valeur de nœud. La valeur renvoyée de cette propriété dépend du type de nœud. Cette propriété n'affiche aucune valeur pour l'élément ainsi que pour le document. Ce guide explique brièvement la propriété 'nodeValue' de l'élément HTML DOM en JavaScript.