Čo je vlastnosť nodeValue prvku HTML DOM v JavaScripte

Co Je Vlastnost Nodevalue Prvku Html Dom V Javascripte



Prvky alebo uzly majú špecifickú hodnotu založenú na povahe uzla, ako je prvok, text, atribút atď. Táto hodnota sa nastavuje manuálne pri vytváraní uzla. Používateľ ho však môže upravovať aj dynamicky pomocou JavaScriptu “ nodeValue ' nehnuteľnosť. V JavaScripte táto špeciálna vlastnosť pomáha nastaviť a získať požadovanú hodnotu uzla. Je užitočné získať vnútorné HTML, tj obsah konkrétneho uzla podľa požiadaviek.

Táto príručka vysvetľuje vlastnosť prvku HTML DOM „nodeValue“ v jazyku JavaScript.

Čo je vlastnosť „nodeValue“ prvku HTML DOM v JavaScripte?

Element DOM (Document Object Model) “ nodeValue ” je užitočná vlastnosť, ktorá nastavuje a získava hodnotu uzla. Táto metóda vráti hodnotu „null“, ak zadaný uzol odkazuje na uzol prvku. Táto vlastnosť tiež vráti text uzla, ak je uzavretý v textovom uzle. Jeho návratová hodnota závisí od typu uzla.







Syntax (Nastavte „nodeValue“)



uzol. nodeValue = hodnotu

Vyššie uvedená syntax vyžaduje „ hodnotu “, ktorý chce používateľ nastaviť pre požadovaný uzol.



Syntax (vráti „nodeValue“)





uzol. nodeValue

Táto daná syntax vráti „ nulový ” hodnota pre element a uzly dokumentu, “ text “ pre komentáre a textové uzly a “ atribút ” pre uzly atribútov.

Implementujme vyššie definovanú vlastnosť pomocou uvedeného príkladu.



Príklad: Použitie vlastnosti „nodeValue“ prvku DOM na získanie textu prvku

Tento príklad aplikuje vlastnosť „nodeValue“ na získanie textu vytvoreného tlačidla.

HTML kód

Najprv sa pozrite na nižšie uvedený kód:

< tlačidlo > Nové tlačidlo. < / tlačidlo >
< p id = 'pre' < / p >

Vo vyššie uvedených riadkoch kódu:

  • ' ” tag pridáva tlačidlo.
  • '

    ” tag vloží prázdny odsek s id “para”.

JavaScript kód

Teraz postupujte podľa nižšie uvedeného kódu JavaScript:

< skript >
konšt element = dokument. getElementsByTagName ( 'TLAČIDLO' ) [ 0 ] ;
nechať výsledok = element. dieťaNodes [ 0 ] . nodeValue ;
dokument. getElementById ( 'pre' ) . innerHTML = ' Hodnota uzla je: ' + výsledok ;
skript >

Vo vyššie uvedených riadkoch kódu:

  • Najprv deklarujte premennú „elem“, ktorá aplikuje „ getElementsByTagName() ” na prístup k prvku podľa názvu značky umiestneného na indexe „0“.
  • Ďalej premenná „výsledok“ používa „ nodeValue ” vlastnosť spojená s “ dieťaNodes ” na získanie hodnoty konkrétneho podradeného uzla.
  • Nakoniec, „ getElementById() Metóda ” pristupuje k prázdnemu odseku pomocou svojho id „para“, aby k nemu pridala hodnotu premennej „výsledok“, t. j. text tlačidla.

Výkon

Je vidieť, že výstup zobrazuje text vytvoreného prvku „