See juhend selgitab JavaScripti HTML DOM-i elemendi 'nodeValue' atribuuti.
Mis on JavaScripti HTML DOM-i elemendi 'nodeValue' atribuut?
DOM (Dokumendiobjekti mudel) element ' nodeValue ” on kasulik omadus, mis määrab ja hangib sõlme väärtuse. See meetod tagastab 'null', kui määratud sõlm viitab elemendi sõlmele. See omadus tagastab ka sõlme teksti, kui see on tekstisõlme suletud. Selle tagastatav väärtus sõltub sõlme tüübist.
Süntaks (määrake 'nodeValue')
sõlm. nodeValue = väärtus
Ülaltoodud süntaks nõuab ' väärtus ”, mille kasutaja soovib soovitud sõlme jaoks määrata.
Süntaks (tagasi 'nodeValue')
sõlm. nodeValue
See antud süntaks tagastab ' null ' elemendi ja dokumendi sõlmede väärtus, ' tekst ' kommentaari- ja tekstisõlmede jaoks ning ' atribuut ” atribuudisõlmede jaoks.
Rakendame ülaltoodud omadust toodud näite abil.
Näide: DOM-i elemendi 'nodeValue' atribuudi rakendamine elemendi teksti toomiseks
See näide rakendab loodud nupu teksti hankimiseks atribuuti 'nodeValue'.
HTML-kood
Kõigepealt vaadake alltoodud koodi:
< nuppu > Uus nupp. < / nuppu >< lk id = 'eest' >< / lk >
Ülaltoodud koodiridades:
- '
” silt lisab nupu. - ' ” silt manustab tühja lõigu ID-ga „para”.
JavaScripti kood
Nüüd järgige alltoodud JavaScripti koodi:
< stsenaarium >konst element = dokument. getElementsByTagName ( 'NUPP' ) [ 0 ] ;
lase tulemuseks = element. lapsNodes [ 0 ] . nodeValue ;
dokument. getElementById ( 'eest' ) . sisemine HTML = ' Sõlme väärtus on: ' + tulemus ;
stsenaarium >
Ülaltoodud koodiridades:
- Esiteks deklareerige muutuja 'elem', mis rakendab ' getElementsByTagName() ” meetod, et pääseda elemendile juurde selle sildi nime järgi, mis on paigutatud indeksisse „0”.
- Järgmisena kasutab muutuja 'tulemus' väärtust ' nodeValue ' vara, mis on seotud ' lapsNodes ” atribuut konkreetse alamsõlme väärtuse saamiseks.
- Lõpuks, ' getElementById() Meetod pääseb tühja lõigu juurde, kasutades selle ID-d 'para', et lisada sellele muutuja 'result' väärtus, st nupu tekst.
Väljund
Näha on, et väljundis kuvatakse loodud “
Järeldus
JavaScriptis on ' nodeValue HTML DOM-i atribuut aitab määrata ja hankida sõlme väärtuse atribuuti. Selle atribuudi tagastatav väärtus sõltub sõlme tüübist. See atribuut ei näita nii elemendi kui ka dokumendi väärtust. See juhend selgitas lühidalt JavaScripti HTML DOM-i elemendi 'nodeValue' atribuuti.