Što je HTML DOM Element nodeValue Svojstvo u JavaScriptu

Sto Je Html Dom Element Nodevalue Svojstvo U Javascriptu



Elementi ili čvorovi imaju određenu vrijednost temeljenu na prirodi čvora kao što su element, tekst, atribut itd. Ta se vrijednost ručno postavlja nakon stvaranja čvora. Međutim, korisnik ga također može dinamički modificirati uz pomoć JavaScripta ' nodeValue ” vlasništvo. U JavaScriptu ovo posebno svojstvo pomaže postaviti i dohvatiti željenu vrijednost čvora. Korisno je dobiti unutarnji HTML, tj. sadržaj određenog čvora prema zahtjevima.

Ovaj vodič objašnjava svojstvo 'nodeValue' HTML DOM elementa u JavaScriptu.

Što je svojstvo HTML DOM elementa “nodeValue” u JavaScriptu?

Element DOM (Document Object Model) ' nodeValue ” je korisno svojstvo koje postavlja i dohvaća vrijednost čvora. Ova metoda vraća 'null' ako se navedeni čvor odnosi na čvor elementa. Ovo svojstvo također vraća tekst čvora ako je zatvoren u tekstualnom čvoru. Njegova povratna vrijednost ovisi o tipu čvora.







Sintaksa (Postavi “nodeValue”)



čvor. nodeValue = vrijednost

Gornja sintaksa zahtijeva ' vrijednost ” koju korisnik želi postaviti za željeni čvor.



Sintaksa (Vrati 'vrijednost čvora')





čvor. nodeValue

Ova dana sintaksa vraća ' ništavan ” vrijednost za čvorove elementa i dokumenta, “ tekst ” za čvorove komentara i teksta i “ atribut ” za čvorove atributa.

Implementirajmo gore definirano svojstvo uz pomoć navedenog primjera.



Primjer: Primjena svojstva DOM elementa 'nodeValue' za dohvaćanje teksta elementa

Ovaj primjer primjenjuje svojstvo 'nodeValue' za dobivanje teksta stvorenog gumba.

HTML kôd

Prvo pogledajte dolje naveden kod:

< dugme > Novi gumb. < / dugme >
< str iskaznica = 'za' >< / str >

U gornjim linijama koda:

  • ' ” dodaje gumb.
  • '

    ” oznaka ugrađuje prazan odlomak s ID-om „para”.

JavaScript kod

Sada slijedite dolje naveden JavaScript kôd:

< skripta >
konst element = dokument. getElementsByTagName ( 'DUGME' ) [ 0 ] ;
neka rezultat = element. dijeteČvorovi [ 0 ] . nodeValue ;
dokument. getElementById ( 'za' ) . unutarnjiHTML = ' Vrijednost čvora je: ' + proizlaziti ;
skripta >

U gornjim redcima koda:

  • Prvo, deklarirajte varijablu 'elem' koja primjenjuje ' getElementsByTagName() ” za pristup elementu pomoću naziva njegove oznake postavljene na indeksu “0”.
  • Sljedeća varijabla 'result' koristi ' nodeValue ' svojstvo povezano s ' dijeteČvorovi ” za dobivanje vrijednosti određenog podređenog čvora.
  • Na kraju, ' getElementById() ” metoda pristupa praznom odlomku koristeći njegov id “para” kako bi mu dodala vrijednost varijable “rezultat”, tj. tekst gumba.

Izlaz

Vidi se da izlaz prikazuje tekst kreiranog elementa “