Mit jelent a DOM?
A DOM (Document Object Model) egy programozási interfész, amely lehetővé teszi a weboldalak struktúrájának és elemeinek dinamikus kezelését. A DOM a HTML vagy XML dokumentumokat egy objektumfán keresztül modellezi, amely lehetővé teszi a fejlesztők számára, hogy hozzáférjenek és manipuláljanak a weboldal tartalmához, stílusához és szerkezetéhez.
A DOM jellemzői
- Hierarchikus struktúra – A DOM egy fa struktúrában tárolja az elemeket, ahol minden elem egy csomópont, amely hozzáférést és manipulációt tesz lehetővé.
- Dynamikus frissítés – A DOM lehetővé teszi a weboldalak tartalmának és stílusának valós időbeni frissítését JavaScript használatával.
- Eseménykezelés – A DOM képes események, például kattintások és űrlap beküldések kezelésére, így interaktív weboldalak létrehozására szolgál.
- Böngészőfüggetlenség – A DOM szabványos API-kat biztosít, amelyek a legtöbb modern böngészőben működnek.
DOM példák
| DOM művelet | Példa |
|---|---|
| Elem létrehozása | JavaScript segítségével új HTML elemet hozunk létre és hozzáadjuk a dokumentumhoz. |
| Elem módosítása | A DOM-on keresztül megváltoztathatjuk egy elem szövegét vagy stílusát. |
| Események kezelése | Kattintás eseménysorozatot adunk hozzá egy gombhoz, amely bizonyos műveleteket hajt végre. |