- 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.'
modellpéldák
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.
powershell többsoros megjegyzés
function printvalue(){ var name=document.form1.name.value; alert('Welcome: '+name); } Enter Name: