Kas yra „JavaScript“ HTML DOM elemento nodeValue ypatybė

Kas Yra Javascript Html Dom Elemento Nodevalue Ypatybe



Elementai arba mazgai turi konkrečią vertę, pagrįstą mazgo pobūdžiu, pvz., elementu, tekstu, atributu ir kt. Ši reikšmė nustatoma rankiniu būdu, kai mazgas sukuriamas. Tačiau vartotojas taip pat gali jį dinamiškai modifikuoti naudodamas „JavaScript“ nodeValue ' nuosavybė. „JavaScript“ ši speciali savybė padeda nustatyti ir gauti norimą mazgo reikšmę. Naudinga gauti vidinį HTML, ty konkretaus mazgo turinį pagal reikalavimus.

Šiame vadove paaiškinama „JavaScript“ HTML DOM elemento „nodeValue“ ypatybė.

Kas yra „JavaScript“ HTML DOM elemento „nodeValue“ ypatybė?

DOM (dokumento objekto modelio) elementas “ nodeValue “ yra naudinga savybė, kuri nustato ir nuskaito mazgo vertę. Šis metodas grąžina „null“, jei nurodytas mazgas nurodo elemento mazgą. Ši savybė taip pat grąžina mazgo tekstą, jei jis yra teksto mazge. Jo grąžinimo vertė priklauso nuo mazgo tipo.





Sintaksė (nustatyti „nodeValue“)



mazgas. nodeValue = vertė

Aukščiau nurodytai sintaksei reikalinga „ vertė “, kurį vartotojas nori nustatyti norimam mazgui.



Sintaksė (grąžina „nodeValue“)





mazgas. nodeValue

Ši nurodyta sintaksė grąžina „ nulinis ' elemento ir dokumento mazgų vertė, ' tekstą “ komentarų ir teksto mazgams ir „ atributas “ atributų mazgams.

Įgyvendinkime aukščiau apibrėžtą savybę pateikto pavyzdžio pagalba.



Pavyzdys: DOM elemento „nodeValue“ nuosavybės taikymas elemento tekstui gauti

Šiame pavyzdyje taikoma ypatybė „nodeValue“, kad būtų gautas sukurto mygtuko tekstas.

HTML kodas

Pirmiausia pažiūrėkite į toliau pateiktą kodą:

< mygtuką > Naujas mygtukas. < / mygtuką >
< p id = 'dėl' >< / p >

Aukščiau pateiktose kodo eilutėse:

  • “ žyma prideda mygtuką.
  • “ žyma įterpia tuščią pastraipą su ID „para“.

JavaScript kodas

Dabar vadovaukitės toliau nurodytu „JavaScript“ kodu:

< scenarijus >
konst elementas = dokumentas. getElementsByTagName ( 'BUTTON' ) [ 0 ] ;
tegul rezultatas = elementas. vaikasMazgai [ 0 ] . nodeValue ;
dokumentas. getElementById ( 'dėl' ) . vidinis HTML = ' Mazgo reikšmė yra: ' + rezultatas ;
scenarijus >

Aukščiau pateiktose kodo eilutėse:

  • Pirmiausia deklaruokite kintamąjį „elem“, kuris taiko „ getElementsByTagName() “ metodą, kad pasiektumėte elementą pagal žymos pavadinimą, esantį indekse „0“.
  • Toliau kintamasis „rezultatas“ naudoja „ nodeValue “ nuosavybė, susieta su “ vaikasMazgai “ savybę gauti konkretaus antrinio mazgo vertę.
  • Galiausiai „ getElementById() “ metodas pasiekia tuščią pastraipą naudodamas jos ID „para“, kad pridėtų ją su „rezultato“ kintamojo reikšme, ty mygtuko tekstu.

Išvestis

Matoma, kad išvestyje rodomas sukurto „