Denne vejledning forklarer HTML DOM Element 'nodeValue' egenskaben i JavaScript.
Hvad er HTML DOM Element 'nodeValue' egenskaben i JavaScript?
DOM-elementet (Document Object Model) ' nodeValue ” er en nyttig egenskab, der indstiller og henter værdien af en node. Denne metode returnerer 'nul', hvis den angivne node refererer til en elementnode. Denne egenskab returnerer også teksten af en node, hvis den er indesluttet i tekstnoden. Dens returværdi afhænger af nodetypen.
Syntaks (Sæt 'nodeValue')
node. nodeValue = værdi
Ovenstående syntaks kræver ' værdi ”, som brugeren ønsker at indstille for den ønskede node.
Syntaks (Returner 'nodeValue')
node. nodeValue
Denne givne syntaks returnerer en ' nul 'værdi for element- og dokumentnoderne, ' tekst ' for kommentar- og tekstnoder, og ' attribut ” for attributnoder.
Lad os implementere den ovenfor definerede egenskab ved hjælp af det angivne eksempel.
Eksempel: Anvendelse af DOM-elementets 'nodeValue'-egenskab til at hente teksten til et element
Dette eksempel anvender egenskaben 'nodeValue' for at få teksten til den oprettede knap.
HTML kode
Først skal du se på nedenstående kode:
< knap > Ny knap. < / knap >< s id = 'til' >< / s >
I ovenstående kodelinjer:
- Det '
” tag tilføjer en knap. - Det ' ” tag indlejrer et tomt afsnit med et id “para”.
JavaScript kode
Følg nu den nedenfor angivne JavaScript-kode:
< manuskript >konst element = dokument. getElementsByTagName ( 'KNAP' ) [ 0 ] ;
lad resultatet = element. childNodes [ 0 ] . nodeValue ;
dokument. getElementById ( 'til' ) . indreHTML = ' Knudeværdi er: ' + resultat ;
manuskript >
I ovenstående kodelinjer:
- Først skal du erklære en variabel 'elem', der anvender ' getElementsByTagName() ” metode for at få adgang til elementet ved dets tagnavn placeret ved “0”-indekset.
- Dernæst bruger 'resultat'-variablen ' nodeValue ' ejendom knyttet til ' childNodes ” egenskab for at få den specifikke underordnede nodes værdi.
- Til sidst, ' getElementById() ”-metoden får adgang til det tomme afsnit ved hjælp af dets id 'para' for at tilføje det med 'resultat'-variablens værdi, dvs. knaptekst.
Produktion
Det ses, at outputtet viser teksten af det oprettede '
Konklusion
I JavaScript er ' nodeValue ” egenskaben for HTML DOM hjælper med at indstille og få nodeværdiegenskaben. Den returnerede værdi af denne egenskab afhænger af nodetypen. Denne egenskab viser ingen værdi for elementet såvel som dokumentet. Denne vejledning forklarede kort HTML DOM Element 'nodeValue' egenskaben i JavaScript.