In deze handleiding wordt de eigenschap 'nodeValue' van het HTML DOM-element in JavaScript uitgelegd.
Wat is de eigenschap 'nodeValue' van het HTML DOM-element in JavaScript?
Het DOM-element (Document Object Model) “ nodeWaarde ” is een nuttige eigenschap die de waarde van een knooppunt instelt en ophaalt. Deze methode retourneert 'null' als het opgegeven knooppunt verwijst naar een elementknooppunt. Deze eigenschap retourneert ook de tekst van een knooppunt als deze is ingesloten in het tekstknooppunt. De retourwaarde is afhankelijk van het knooppunttype.
Syntaxis (stel 'nodeValue' in)
knooppunt. nodeWaarde = waarde
De bovenstaande syntaxis vereist de ' waarde ” dat de gebruiker wil instellen voor het gewenste knooppunt.
Syntaxis (retourneert 'nodeValue')
knooppunt. nodeWaarde
Deze gegeven syntaxis retourneert een ' nul ” waarde voor de element- en documentknooppunten, “ tekst ” voor commentaar- en tekstknooppunten, en “ attribuut ” voor attribuutknooppunten.
Laten we de hierboven gedefinieerde eigenschap implementeren met behulp van het genoemde voorbeeld.
Voorbeeld: de eigenschap 'nodeValue' van het DOM-element toepassen om de tekst van een element op te halen
In dit voorbeeld wordt de eigenschap 'nodeValue' toegepast om de tekst van de gemaakte knop op te halen.
HTML code
Kijk eerst naar de onderstaande code:
< knop > Nieuwe knop. < / knop >< P ID kaart = 'voor' >< / P >
In de bovenstaande coderegels:
- De '
” tag voegt een knop toe. - De ' ” tag sluit een lege paragraaf in met een id “para”.
JavaScript-code
Volg nu de onderstaande JavaScript-code:
< script >const element = document. getElementsByTagName ( 'KNOP' ) [ 0 ] ;
laat resultaat = element. kindNodes [ 0 ] . nodeWaarde ;
document. getElementById ( 'voor' ) . binnenHTML = ' Knoopwaarde is: ' + resultaat ;
script >
In de bovenstaande regels code:
- Declareer eerst een variabele 'elem' die de ' getElementsByTagName() ” methode om toegang te krijgen tot het element door zijn tagnaam geplaatst op de “0” index.
- Vervolgens gebruikt de variabele 'resultaat' de ' nodeWaarde ” woning gekoppeld aan de “ kindNodes ” eigenschap om de waarde van het specifieke onderliggende knooppunt te krijgen.
- Als laatste de “ getElementById() ” methode benadert de lege alinea met behulp van zijn id “para” om deze toe te voegen met de waarde van de “resultaat” variabele, d.w.z. knoptekst.
Uitgang
Het is te zien dat de uitvoer de tekst toont van het gecreëerde “
Conclusie
In JavaScript is de ' nodeWaarde ”-eigenschap van HTML DOM helpt bij het instellen en ophalen van de eigenschap knooppuntwaarde. De geretourneerde waarde van deze eigenschap is afhankelijk van het knooppunttype. Deze eigenschap geeft geen waarde weer voor zowel het element als het document. In deze handleiding werd kort de eigenschap 'nodeValue' van het HTML DOM-element in JavaScript uitgelegd.