Dokumentum objektum modell
- Dokumentum objektum
- A dokumentum objektum tulajdonságai
- A dokumentum objektum módszerei
- Példa dokumentum objektumra
A dokumentum objektum a teljes html dokumentumot képviseli.
Amikor a html dokumentum betöltődik a böngészőbe, az dokumentum objektummá válik. Ez a gyökérelem amely a html dokumentumot képviseli. Vannak tulajdonságai és módszerei. A dokumentum objektum segítségével dinamikus tartalmat adhatunk weboldalunkhoz.
Mint korábban említettük, ez az ablak tárgya. Így
window.document
Ugyanaz, mint
document
A W3C szerint - 'A W3C Document Object Model (DOM) egy platform- és nyelvsemleges interfész, amely lehetővé teszi a programok és szkriptek számára, hogy dinamikusan hozzáférjenek és frissítsék a dokumentumok tartalmát, szerkezetét és stílusát.'
A dokumentum objektum tulajdonságai
Lássuk a dokumentumobjektum azon tulajdonságait, amelyekhez a dokumentumobjektum hozzáférhet és módosítható. 
A dokumentum objektum módszerei
A dokumentum tartalmát annak módszereivel érhetjük el és módosíthatjuk.
A dokumentumobjektum fontos módszerei a következők:
| Módszer | Leírás |
|---|---|
| írás('string') | felírja a dokumentumra a megadott karakterláncot. |
| writeln('string') | az adott karakterláncot újsor karakterrel a végén írja a dokumentumra. |
| getElementById() | a megadott id értékkel rendelkező elemet adja vissza. |
| getElementsByName() | visszaadja az összes adott névértékű elemet. |
| getElementsByTagName() | a megadott címkenévvel rendelkező összes elemet visszaadja. |
| getElementsByClassName() | visszaadja az összes adott osztálynévvel rendelkező elemet. |
Mezőérték elérése dokumentumobjektum szerint
Ebben a példában a bemeneti szöveg értékét felhasználónként kapjuk meg. Itt használjuk dokumentum.form1.név.érték hogy megkapja a név mező értékét.
Itt, dokumentum a gyökérelem, amely a html dokumentumot képviseli.
forma1 az űrlap neve.
név a bemeneti szöveg attribútumának neve.
érték az a tulajdonság, amely a bemeneti szöveg értékét adja vissza.
Lássuk az egyszerű példát a dokumentum objektumra, amely nevet nyomtat üdvözlő üzenettel.
function printvalue(){ var name=document.form1.name.value; alert('Welcome: '+name); } Enter Name: 
