Kaj je lastnost nodeValue elementa HTML DOM v JavaScriptu

Kaj Je Lastnost Nodevalue Elementa Html Dom V Javascriptu



Elementi ali vozlišča imajo določeno vrednost, ki temelji na naravi vozlišča, kot je element, besedilo, atribut itd. Ta vrednost je ročno nastavljena ob ustvarjanju vozlišča. Vendar pa ga lahko uporabnik tudi dinamično spreminja s pomočjo JavaScripta “ nodeValue ” lastnina. V JavaScriptu ta posebna lastnost pomaga nastaviti in pridobiti želeno vrednost vozlišča. Koristno je pridobiti notranji HTML, tj. vsebino določenega vozlišča v skladu z zahtevami.

V tem priročniku je razložena lastnost »nodeValue« elementa HTML DOM v JavaScriptu.

Kaj je lastnost »nodeValue« elementa HTML DOM v JavaScriptu?

Element DOM (Document Object Model) ' nodeValue ” je uporabna lastnost, ki nastavi in ​​pridobi vrednost vozlišča. Ta metoda vrne 'null', če se navedeno vozlišče nanaša na vozlišče elementa. Ta lastnost vrne tudi besedilo vozlišča, če je priloženo besedilnemu vozlišču. Njegova vrnjena vrednost je odvisna od vrste vozlišča.







Sintaksa (nastavi 'nodeValue')



vozlišče. nodeValue = vrednost

Zgornja sintaksa zahteva ' vrednost ”, ki ga želi uporabnik nastaviti za želeno vozlišče.



Sintaksa (vrne 'nodeValue')





vozlišče. nodeValue

Ta dana sintaksa vrne ' nič ” vrednost za vozlišča elementa in dokumenta, “ besedilo ” za komentarje in besedilna vozlišča in “ atribut ” za vozlišča atributov.

Implementirajmo zgoraj definirano lastnost s pomočjo navedenega primera.



Primer: uporaba lastnosti »nodeValue« elementa DOM za pridobitev besedila elementa

Ta primer uporabi lastnost »nodeValue« za pridobitev besedila ustvarjenega gumba.

HTML koda

Najprej si oglejte spodnjo kodo:

< gumb > Nov gumb. < / gumb >
< str id = 'za' >< / str >

V zgornjih vrsticah kode:

  • ' ” doda gumb.
  • '

    ” vdela prazen odstavek z ID-jem “para”.

Koda JavaScript

Zdaj sledite spodnji kodi JavaScript:

< scenarij >
konst element = dokument. getElementsByTagName ( 'GUMB' ) [ 0 ] ;
pusti rezultat = element. childNodes [ 0 ] . nodeValue ;
dokument. getElementById ( 'za' ) . notranjiHTML = ' Vrednost vozlišča je: ' + rezultat ;
scenarij >

V zgornjih vrsticah kode:

  • Najprej deklarirajte spremenljivko 'elem', ki uporablja ' getElementsByTagName() ” za dostop do elementa z njegovim imenom oznake, postavljenim na indeks “0”.
  • Nato spremenljivka »result« uporablja » nodeValue ” nepremičnina, povezana z “ childNodes ” za pridobitev vrednosti določenega podrejenega vozlišča.
  • Nazadnje, ' getElementById() « metoda dostopa do praznega odstavka z uporabo njegovega id-ja »para«, da mu doda vrednost spremenljivke »result«, tj. besedilo gumba.

Izhod

Vidimo, da izhod prikazuje besedilo ustvarjenega elementa “