W tym przewodniku wyjaśniono właściwość „nodeValue” elementu HTML DOM w JavaScript.
Co to jest właściwość „nodeValue” elementu HTML DOM w JavaScript?
Element DOM (Document Object Model) „ wartość węzła ” to użyteczna właściwość, która ustawia i pobiera wartość węzła. Ta metoda zwraca „null”, jeśli określony węzeł odnosi się do węzła elementu. Ta właściwość zwraca również tekst węzła, jeśli jest on zawarty w węźle tekstowym. Jego wartość zwracana zależy od typu węzła.
Składnia (ustaw „nodeValue”)
węzeł. wartość węzła = wartość
Powyższa składnia wymaga „ wartość ”, którą użytkownik chce ustawić dla żądanego węzła.
Składnia (zwróć „nodeValue”)
węzeł. wartość węzła
Ta dana składnia zwraca „ zero ” wartość dla węzłów elementu i dokumentu, „ tekst ” dla węzłów komentarzy i tekstu oraz „ atrybut ” dla węzłów atrybutów.
Zaimplementujmy wyżej zdefiniowaną właściwość za pomocą podanego przykładu.
Przykład: zastosowanie właściwości „nodeValue” elementu DOM w celu pobrania tekstu elementu
W tym przykładzie zastosowano właściwość „nodeValue”, aby uzyskać tekst utworzonego przycisku.
Kod HTML
Najpierw spójrz na poniższy kod:
< przycisk > Nowy przycisk. < / przycisk >< P ID = 'Do' >< / P >
W powyższych liniach kodu:
- „
” dodaje przycisk. - „ ” osadza pusty akapit z identyfikatorem „para”.
Kod JavaScript
Teraz postępuj zgodnie z poniższym kodem JavaScript:
< scenariusz >konst element = dokument. getElementsByTagName ( 'PRZYCISK' ) [ 0 ] ;
niech skutkuje = element. węzły potomne [ 0 ] . wartość węzła ;
dokument. getElementById ( 'Do' ) . wewnętrzny HTML = ' Wartość węzła to: ' + wynik ;
scenariusz >
W powyższych liniach kodu:
- Najpierw zadeklaruj zmienną „elem”, która stosuje „ getElementsByTagName() ”, aby uzyskać dostęp do elementu za pomocą jego nazwy znacznika umieszczonej w indeksie „0”.
- Następnie zmienna „result” używa „ wartość węzła ” właściwość powiązana z „ węzły potomne ”, aby uzyskać wartość określonego węzła podrzędnego.
- Wreszcie „ getElementById() ” uzyskuje dostęp do pustego akapitu, używając jego identyfikatora „para”, aby dołączyć do niego wartość zmiennej „wynik”, tj. Tekst przycisku.
Wyjście
Widać, że dane wyjściowe pokazują tekst utworzonego elementu „
Wniosek
W JavaScript „ wartość węzła ” HTML DOM pomaga ustawić i uzyskać właściwość wartości węzła. Zwracana wartość tej właściwości zależy od typu węzła. Ta właściwość nie pokazuje żadnej wartości dla elementu ani dla dokumentu. W tym przewodniku pokrótce wyjaśniono właściwość elementu HTML DOM „nodeValue” w JavaScript.