Denne veiledningen forklarer HTML DOM Element 'nodeValue'-egenskapen i JavaScript.
Hva er HTML DOM Element 'nodeValue' egenskapen i JavaScript?
DOM (Document Object Model)-elementet ' nodeverdi ” er en nyttig egenskap som setter og henter verdien til en node. Denne metoden returnerer 'null' hvis den angitte noden refererer til en elementnode. Denne egenskapen returnerer også teksten til en node hvis den er omsluttet av tekstnoden. Returverdien avhenger av nodetypen.
Syntaks (Sett 'nodeValue')
node. nodeverdi = verdi
Syntaksen ovenfor krever ' verdi ” som brukeren ønsker å sette for ønsket node.
Syntaks (Return 'nodeValue')
node. nodeverdi
Denne gitte syntaksen returnerer en ' null '-verdi for element- og dokumentnodene, ' tekst ' for kommentar- og tekstnoder, og ' Egenskap ' for attributtnoder.
La oss implementere den ovenfor definerte egenskapen ved hjelp av det angitte eksemplet.
Eksempel: Bruk av DOM-elementet «nodeValue»-egenskapen for å hente teksten til et element
Dette eksemplet bruker egenskapen 'nodeValue' for å få teksten til den opprettede knappen.
HTML-kode
Se først på koden nedenfor:
< knapp > Ny knapp. < / knapp >< s id = 'til' >< / s >
I kodelinjene ovenfor:
- «
”-taggen legger til en knapp. - « '-taggen bygger inn et tomt avsnitt med en id 'para'.
JavaScript-kode
Følg nå JavaScript-koden nedenfor:
< manus >konst element = dokument. getElementsByTagName ( 'KNAPP' ) [ 0 ] ;
la resultatet = element. barnnoder [ 0 ] . nodeverdi ;
dokument. getElementById ( 'til' ) . indreHTML = ' Nodeverdi er: ' + resultat ;
manus >
I kodelinjene ovenfor:
- Først erklærer du en variabel 'elem' som bruker ' getElementsByTagName() ”-metoden for å få tilgang til elementet ved hjelp av kodenavnet plassert ved “0”-indeksen.
- Deretter bruker 'resultat'-variabelen ' nodeverdi ' eiendom knyttet til ' barnnoder ”-egenskap for å få den spesifikke undernodens verdi.
- Til slutt, ' getElementById() ”-metoden får tilgang til det tomme avsnittet ved å bruke ID-en “para” for å legge det til verdien for “resultat”-variabelen, dvs. knappetekst.
Produksjon
Det er sett at utdata viser teksten til det opprettede '
Konklusjon
I JavaScript er ' nodeverdi ”-egenskapen til HTML DOM hjelper til med å angi og få nodeverdi-egenskapen. Den returnerte verdien av denne egenskapen er avhengig av nodetypen. Denne egenskapen viser ingen verdi for elementet så vel som dokumentet. Denne veiledningen forklarte kort HTML DOM Element 'nodeValue'-egenskapen i JavaScript.