Ez az útmutató elmagyarázza a HTML DOM elem „nodeValue” tulajdonságát a JavaScriptben.
Mi az a HTML DOM elem „nodeValue” tulajdonsága a JavaScriptben?
A DOM (Document Object Model) elem ' nodeValue ” egy hasznos tulajdonság, amely beállítja és lekéri egy csomópont értékét. Ez a metódus „null”-t ad vissza, ha a megadott csomópont elemcsomópontra hivatkozik. Ez a tulajdonság egy csomópont szövegét is visszaadja, ha az be van zárva a szövegcsomópontba. Visszatérési értéke a csomópont típusától függ.
Szintaxis („nodeValue” beállítása)
csomópont. nodeValue = érték
A fenti szintaxis megköveteli a „ érték ”, amelyet a felhasználó be akar állítani a kívánt csomóponthoz.
Szintaxis ('nodeValue' visszatérési értéke)
csomópont. nodeValue
Ez az adott szintaxis egy ' nulla ' értéke az elem és a dokumentum csomópontjaihoz, ' szöveg ' megjegyzés és szöveg csomópontokhoz, és ' tulajdonság ” attribútum-csomópontokhoz.
Valósítsuk meg a fent definiált tulajdonságot a megadott példa segítségével.
Példa: A DOM elem „nodeValue” tulajdonságának alkalmazása egy elem szövegének lekéréséhez
Ez a példa a „nodeValue” tulajdonságot alkalmazza a létrehozott gomb szövegének lekéréséhez.
HTML kód
Először nézze meg az alábbi kódot:
< gomb > Új gomb. < / gomb >< p id = 'for' >< / p >
A fenti kódsorokban:
- A '
” címke hozzáad egy gombot. - A ' ” címke egy üres bekezdést ágyaz be „para” azonosítóval.
JavaScript kód
Most kövesse az alábbi JavaScript kódot:
< forgatókönyv >const elem = dokumentum. getElementsByTagName ( 'GOMB' ) [ 0 ] ;
legyen eredmény = elem. gyermekNodes [ 0 ] . nodeValue ;
dokumentum. getElementById ( 'for' ) . innerHTML = ' A csomópont értéke: ' + eredmény ;
forgatókönyv >
A fenti kódsorokban:
- Először deklaráljon egy „elem” változót, amely alkalmazza a „ getElementsByTagName() ” metódussal érheti el az elemet a „0” indexnél elhelyezett címkenévvel.
- Ezután az „eredmény” változó a „ nodeValue ' ingatlan összekapcsolva a ' gyermekNodes ” tulajdonság az adott gyermekcsomópont értékének lekéréséhez.
- Végül a „ getElementById() ” metódus eléri az üres bekezdést a „para” azonosítójával, hogy hozzáfűzze az „eredmény” változó értékéhez, azaz a gomb szövegéhez.
Kimenet
Látható, hogy a kimenet a létrehozott „
Következtetés
A JavaScriptben a „ nodeValue ” a HTML DOM tulajdonsága segít a csomópont értékének beállításában és lekérésében. A tulajdonság visszaadott értéke a csomópont típusától függ. Ez a tulajdonság nem mutat semmilyen értéket sem az elemhez, sem a dokumentumhoz. Ez az útmutató röviden ismerteti a HTML DOM elem „nodeValue” tulajdonságát a JavaScriptben.