logo

Dokumentum objektum modell

  1. Dokumentum objektum
  2. A dokumentum objektum tulajdonságai
  3. A dokumentum objektum módszerei
  4. 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ódszerLeí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: 

A fenti példa kimenete

Írja be a nevet: