Ipinapaliwanag ng gabay na ito ang HTML DOM Element na 'nodeValue' na property sa JavaScript.
Ano ang HTML DOM Element na 'nodeValue' na Property sa JavaScript?
Ang elemento ng DOM (Document Object Model) na “ nodeValue ” ay isang kapaki-pakinabang na property na nagtatakda at kumukuha ng halaga ng isang node. Ang pamamaraang ito ay nagbabalik ng 'null' kung ang tinukoy na node ay tumutukoy sa isang elemento na node. Ibinabalik din ng property na ito ang text ng isang node kung ito ay nakapaloob sa text node. Ang return value nito ay depende sa uri ng node.
Syntax (Itakda ang “nodeValue”)
node. nodeValue = halaga
Ang syntax sa itaas ay nangangailangan ng ' halaga ” na gustong itakda ng user para sa gustong node.
Syntax (Ibalik ang 'nodeValue')
node. nodeValue
Ang ibinigay na syntax na ito ay nagbabalik ng ' wala 'halaga para sa elemento at mga node ng dokumento,' text ' para sa komento at mga node ng teksto, at ' katangian ” para sa mga attribute node.
Ipatupad natin ang tinukoy sa itaas na ari-arian sa tulong ng nakasaad na halimbawa.
Halimbawa: Paglalapat ng DOM Element 'nodeValue' Property para Kunin ang Text ng isang Element
Inilalapat ng halimbawang ito ang property na 'nodeValue' para makuha ang text ng ginawang button.
HTML Code
Una, tingnan ang nakasaad na code sa ibaba:
< pindutan > Bagong Pindutan. < / pindutan >< p id = 'para sa' >< / p >
Sa mga linya ng code sa itaas:
- Ang ' ” nagdaragdag ng isang button ang tag.
- Ang ' Ang tag na ” ay naglalagay ng walang laman na talata na may id na “para”.
JavaScript Code
Ngayon, sundin ang nakasaad sa ibaba ng JavaScript code:
< iskrip >const elemento = dokumento. getElementsByTagName ( 'BUTTON' ) [ 0 ] ;
hayaan ang resulta = elemento. childNodes [ 0 ] . nodeValue ;
dokumento. getElementById ( 'para sa' ) . panloobHTML = ' Ang halaga ng node ay: ' + resulta ;
iskrip >
Sa itaas na mga linya ng code:
- Una, ipahayag ang isang variable na 'elem' na nalalapat ang ' getElementsByTagName() ” paraan upang ma-access ang elemento sa pamamagitan ng pangalan ng tag na inilagay sa index na “0”.
- Susunod na ginagamit ng variable na 'resulta' ang ' nodeValue ' property na naka-link sa ' childNodes ” property para makuha ang value ng partikular na child node.
- Panghuli, ang ' getElementById() Ang paraan ng ” ay ina-access ang walang laman na talata gamit ang id nitong “para” para idagdag ito ng value ng variable na “resulta” ibig sabihin, button na text.
Output
Nakikita na ang output ay nagpapakita ng teksto ng nilikha na '
Konklusyon
Sa JavaScript, ang ' nodeValue ” property ng HTML DOM ay tumutulong na itakda at makuha ang property ng node value. Ang ibinalik na halaga ng property na ito ay umaasa sa uri ng node. Ang property na ito ay hindi nagpapakita ng anumang halaga para sa elemento pati na rin sa dokumento. Maikling ipinaliwanag ng gabay na ito ang HTML DOM Element na 'nodeValue' na property sa JavaScript.