Tämä opas selittää JavaScriptin HTML DOM -elementin 'nodeValue' -ominaisuuden.
Mikä on JavaScriptin HTML DOM Element 'nodeValue' -ominaisuus?
DOM (Document Object Model) -elementti ' nodeValue ” on hyödyllinen ominaisuus, joka asettaa ja hakee solmun arvon. Tämä menetelmä palauttaa 'nolla', jos määritetty solmu viittaa elementtisolmuun. Tämä ominaisuus palauttaa myös solmun tekstin, jos se on tekstisolmun sisällä. Sen palautusarvo riippuu solmun tyypistä.
Syntaksi (Aseta 'nodeValue')
solmu. nodeValue = arvo
Yllä oleva syntaksi vaatii ' arvo ”, jonka käyttäjä haluaa asettaa halutulle solmulle.
Syntaksi (palauttaa 'nodeValue')
solmu. nodeValue
Tämä annettu syntaksi palauttaa ' tyhjä ' arvo elementille ja asiakirjan solmuille, ' teksti ' kommentti- ja tekstisolmuille ja ' attribuutti ” attribuuttisolmuille.
Toteutetaan yllä määritelty ominaisuus esitetyn esimerkin avulla.
Esimerkki: DOM-elementin 'nodeValue'-ominaisuuden käyttäminen elementin tekstin hakemiseen
Tämä esimerkki käyttää 'nodeValue'-ominaisuutta saadakseen luodun painikkeen tekstin.
HTML-koodi
Katso ensin alla oleva koodi:
< -painiketta > Uusi painike. < / -painiketta >< s id = 'for' >< / s >
Yllä olevilla koodiriveillä:
- '
' -tunniste lisää painikkeen. - ' ' -tunniste upottaa tyhjän kappaleen tunnuksella 'para'.
JavaScript-koodi
Noudata nyt alla olevaa JavaScript-koodia:
< käsikirjoitus >konst elementti = asiakirja. getElementsByTagName ( 'PAINIKE' ) [ 0 ] ;
anna tulosta = elementti. lapsisolmut [ 0 ] . nodeValue ;
asiakirja. getElementById ( 'for' ) . innerHTML = ' Solmun arvo on: ' + tulos ;
käsikirjoitus >
Yllä olevilla koodiriveillä:
- Ilmoita ensin muuttuja 'elem', joka käyttää ' getElementsByTagName() ' -menetelmää päästäksesi elementtiin sen tunnisteen nimellä, joka on sijoitettu '0'-indeksiin.
- Seuraavaksi 'tulos'-muuttuja käyttää ' nodeValue ' kiinteistö, joka liittyy ' lapsisolmut '-ominaisuutta saadakseen tietyn lapsisolmun arvon.
- Lopuksi ' getElementById() '-menetelmä käyttää tyhjää kappaletta käyttämällä id:ään 'para' lisätäkseen sen 'tulos'-muuttujan arvon eli painikkeen tekstin kanssa.
Lähtö
Nähdään, että tulos näyttää luodun “
Johtopäätös
JavaScriptissä ' nodeValue ” HTML DOM:n ominaisuus auttaa asettamaan ja hankkimaan solmuarvon ominaisuuden. Tämän ominaisuuden palautettu arvo riippuu solmun tyypistä. Tämä ominaisuus ei näytä arvoa elementille eikä asiakirjalle. Tämä opas selitti lyhyesti JavaScriptin HTML DOM -elementin 'nodeValue' -ominaisuuden.