|
|
Objektum keresés JavaScrip fájlból.
Mobilváltozat!
Asztali változathoz,
kattints a képre!
document.getElementById()
Adatok lekéréséhez tudni kell, HTML oldalunkon hól található, a várt adat, azaz melyik objektumban helyezkedik el.
Adatot bármelyik objektumból lekérhetünk, ha az adott elem rendelkezik id egyedi azonosítóval. Például: id="alma"
Adat lekéréshez, a document.getElementById() tagfüggvényt alkalmazzuk
Kapott értéket, azaz adatot, változóhoz rendeljük. Továbbiakban, ez a változó fogja tárolni a lekért adatot.
Változónak, szabadon választott egyedi nevet adhatunk, például: objektum, vagy dokument, stb.)
Példa:
var objektum = document.getElementById ("alma")
A megtévesztés elkerülése végett:
getElementById utolsó két betűje, az id nagybetűvel kezdődő változata, azaz Id
Megjegyzés:
Régi böngészők még nem támogatták a document.getElementById() tagfüggvényt,
ezért ott el sem indul programunk.
De bízzunk benne, hogy manapság, egyre újabb böngésző típusokat alkalmaznak a felhasználók.
Rétegek között elhelyezkedő elemek
A weblapok minden elemét vezérelhetjük, minden elemet tetszőleges pozícióba helyezhetünk.
A HTML objektumok csoportjai rétegeket alkotnak, ezeket külön egységként kezelünk.
Egyedi rétegeket is létrehozhatunk a <div> és a <span> elemekkel.
De önmagukban a html oldalon, semmi formázási hatásuk sincs, a bennük elhelyezkedő szövegrészre.
A span egy tetszőleges részt jelöl ki a html dokumentumban.
A div is hasonlóan jár el, de ez egy sortörést helyez el a tartalmi része előtt és után.
Ahhoz, hogy ezen rétegelemekben megjelenő szövegrész megjelenési formájára hatással legyünk, megtehetjük CSS, azaz stílus fájlban vagy JavaSripttel.
Ennek feltétele, hogy azonosítót rendeljünk hozzájuk.
További és részletesebb tájékoztatót, lásd az asztali változatnál!