Den här guiden förklarar HTML DOM Element 'nodeValue' -egenskapen i JavaScript.
Vad är HTML DOM-elementets 'nodeValue'-egenskap i JavaScript?
DOM-elementet (Document Object Model) ' nodeValue ” är en användbar egenskap som ställer in och hämtar värdet på en nod. Denna metod returnerar 'null' om den angivna noden refererar till en elementnod. Den här egenskapen returnerar också texten för en nod om den är innesluten i textnoden. Dess returvärde beror på nodtypen.
Syntax (Ange 'nodeValue')
nod. nodeValue = värde
Ovanstående syntax kräver ' värde ” som användaren vill ställa in för den önskade noden.
Syntax (Returnera 'nodeValue')
nod. nodeValue
Denna givna syntax returnerar en ' null ' värde för element- och dokumentnoderna, ' text ' för kommentar- och textnoder, och ' attribut ” för attributnoder.
Låt oss implementera den ovan definierade egenskapen med hjälp av det angivna exemplet.
Exempel: Användning av DOM-elementets 'nodeValue'-egenskap för att hämta texten i ett element
Det här exemplet tillämpar egenskapen 'nodeValue' för att få texten till den skapade knappen.
HTML-kod
Titta först på nedanstående kod:
< knapp > Ny knapp. < / knapp >< sid id = 'för' >< / sid >
I ovanstående kodrader:
- den '
”-taggen lägger till en knapp. - den ' '-taggen bäddar in ett tomt stycke med ett id 'para'.
JavaScript-kod
Följ nu den nedan angivna JavaScript-koden:
< manus >konst element = dokumentera. getElementsByTagName ( 'KNAPP' ) [ 0 ] ;
låt resultatet = element. barnnoder [ 0 ] . nodeValue ;
dokumentera. getElementById ( 'för' ) . innerHTML = ' Nodvärdet är: ' + resultat ;
manus >
I kodraderna ovan:
- Deklarera först en variabel 'elem' som tillämpar ' getElementsByTagName() ”-metoden för att komma åt elementet genom att taggnamnet placeras vid indexet ”0”.
- Därefter använder variabeln 'resultat' ' nodeValue ' egendom kopplad till ' barnnoder ”-egenskap för att få den specifika underordnade nodens värde.
- Slutligen, ' getElementById() ”-metoden kommer åt det tomma stycket med hjälp av dess id ”para” för att lägga till det med ”resultat”-variabelns värde, dvs. knapptext.
Produktion
Det kan ses att utdata visar texten för det skapade '
Slutsats
I JavaScript, ' nodeValue ”-egenskapen för HTML DOM hjälper till att ställa in och få nodvärdets egenskap. Det returnerade värdet för den här egenskapen beror på nodtypen. Den här egenskapen visar inget värde för elementet eller dokumentet. Den här guiden förklarade kort HTML DOM Element 'nodeValue' -egenskapen i JavaScript.