Kas ir HTML DOM elementa nodeValue īpašums JavaScript

Kas Ir Html Dom Elementa Nodevalue Ipasums Javascript



Elementiem vai mezgliem ir noteikta vērtība, kuras pamatā ir mezgla raksturs, piemēram, elements, teksts, atribūts utt. Šī vērtība tiek manuāli iestatīta, izveidojot mezglu. Tomēr lietotājs to var arī dinamiski modificēt, izmantojot JavaScript ' nodeValue ” īpašums. JavaScript programmā šis īpašais īpašums palīdz iestatīt un izgūt vēlamo mezgla vērtību. Ir lietderīgi iegūt iekšējo HTML, t.i., konkrētā mezgla saturu atbilstoši prasībām.

Šajā rokasgrāmatā ir izskaidrots JavaScript HTML DOM elementa rekvizīts “nodeValue”.

Kas ir JavaScript HTML DOM elementa “nodeValue” rekvizīts?

DOM (dokumenta objekta modelis) elements ' nodeValue ” ir noderīgs rekvizīts, kas iestata un izgūst mezgla vērtību. Šī metode atgriež “null”, ja norādītais mezgls attiecas uz elementa mezglu. Šis rekvizīts arī atgriež mezgla tekstu, ja tas ir ietverts teksta mezglā. Tās atgriešanas vērtība ir atkarīga no mezgla veida.







Sintakse (iestatiet “nodeValue”)



mezgls. nodeValue = vērtību

Iepriekš norādītajai sintaksei ir nepieciešama “ vērtību ”, ko lietotājs vēlas iestatīt vajadzīgajam mezglam.



Sintakse (atgriež “nodeValue”)





mezgls. nodeValue

Šī dotā sintakse atgriež ' null ' vērtība elementam un dokumenta mezgliem, ' tekstu ' komentāru un teksta mezgliem un ' atribūts ” atribūtu mezgliem.

Īstenosim augstāk definēto īpašību ar minētā piemēra palīdzību.



Piemērs: DOM elementa “nodeValue” rekvizīta lietošana, lai izgūtu elementa tekstu

Šajā piemērā tiek izmantots rekvizīts “nodeValue”, lai iegūtu izveidotās pogas tekstu.

HTML kods

Vispirms apskatiet tālāk norādīto kodu:

< pogu > Jauna poga. < / pogu >
< lpp id = 'priekš' >< / lpp >

Iepriekš minētajās koda rindās:

  • ' ” tags pievieno pogu.
  • '

    ” tags iegulst tukšu rindkopu ar ID “para”.

JavaScript kods

Tagad izpildiet tālāk norādīto JavaScript kodu:

< skripts >
konst elements = dokumentu. getElementsByTagName ( 'BUTTON' ) [ 0 ] ;
ļaujiet rezultātu = elements. bērnsNodes [ 0 ] . nodeValue ;
dokumentu. getElementById ( 'priekš' ) . innerHTML = ' Mezgla vērtība ir: ' + rezultāts ;
skripts >

Iepriekš minētajās koda rindās:

  • Vispirms deklarējiet mainīgo “elem”, kas piemēro “ getElementsByTagName() ” metodi, lai piekļūtu elementam pēc tā taga nosaukuma, kas ievietots indeksā “0”.
  • Tālāk mainīgais “rezultāts” izmanto “ nodeValue ' īpašums, kas saistīts ar ' bērnsNodes ” īpašumu, lai iegūtu konkrētā pakārtotā mezgla vērtību.
  • Visbeidzot, ' getElementById() Metode piekļūst tukšai rindkopai, izmantojot tās id “para”, lai pievienotu tai mainīgā “rezultāta” vērtību, t.i., pogas tekstu.

Izvade

Redzams, ka izvadā tiek parādīts izveidotā elementa “