Dom - Document Object Model
A Document Object Model (Document Object Model - DOM) egy szabványos által javasolt Web Consortium, és szabályozza a bemutatási módját a dokumentum tartalmát (pl egy weboldalon) formájában egy sor tárgyak. Tartalom szerint értjük, hogy bármi lehet a weblapon: képek, linkek, bekezdések, szöveg, stb ...
Ellentétben böngésző objektum modell (BOM), ami egyedülálló minden böngésző Document Object Model egy szabvány, ezért minden böngésző támogatja. És bár a gyakorlatban a DOM támogatást nem hajtották végre teljes mértékben, de akkor arra kell törekednünk, hogy kövesse a jelen szabvány követelményeinek, mint a böngésző gyártók és a webes fejlesztők.
Meg kell jegyezni, hogy a DOM lehet alkalmazni nem csak a weboldalakon, hanem bármely más dokumentumot. Különösen akkor lehet használni bármilyen XML szókincs, és az egyik ilyen szótárak HTML, pontosabban, XHTML.
DOM egy fejlődő szabvány, három szinten. Az első szint az első változata a standard, és eddig az egyetlen teljes. Ez két részből áll: az első a mag és az elveket a manipuláció a szerkezet a dokumentum (a termelés és a navigáció), míg a második az a bemutató a HTML DOM elemek határozzák meg az azonos nevű tag.
A második és a harmadik szint leírt esemény modell, kiegészítik stíluslap részeket szerkezetűek.
Okmány bemutatása mellett egy fa struktúra
A DOM dokumentum bemutatott egy faszerkezetet (ábra. 19), amely az egyik legáltalánosabb szerkezetek a programozás során. Ez egy egységes módon navigálhat a dokumentumban.
Ábra. 19. bemutatása HTML-dokumentum, mint egy fa struktúra
Navigáció a dokumentumban
A DOM az elem lehet közvetlenül elérhető annak azonosítója ID. módszerével getElementById tárgyra vonatkozó dokumentumban:
A gyűjtemény az összes releváns elemek bármely címkénél, a módszer a Document objektum - getElementsByTagName. Például, var a = document.getElementsByTagName ( "TD") változó hozzárendel egy gyűjtemény minden eleme
Ahhoz, hogy kihasználják a fa struktúra elfogadott DOM benyújtásának a dokumentumban a navigációs attribútumokat (ábra. 20) táblázatban mutatjuk be. 11.
Ábra. 20. Navigációs attribútumok objektum Node
Navigáció objektum attribútumok Node
Visszaadja a fajta csomópont formájában
A következő példa hajtjuk végre, kiterjesztve a fa struktúra a dokumentum:
Dinamikus weboldal generáló eszközök alapján DHTML DOM
Néha meg kell dinamikusan generálni weboldalak, például abban az esetben, létrehozása chat szobák, fórumok, vagy dinamikusan generált weboldalak tartalmat az adatbázisban tárolt. DOM lehetővé teszi, hogy megoldja ezt a problémát.
Az alábbi módszerek állnak rendelkezésre, hogy objektumok létrehozásához a Document objektum (12. táblázat):
A módszerek a Document objektum, amely lehetővé teszi, hogy hozzon létre objektumok
Létrehoz egy új elem csomópontja a megadott névvel
Létrehoz egy szöveges csomópont a megadott szöveget
Létrehoz egy új attribútum csomópont a megadott névvel
Az újonnan létrehozott objektumokat adunk a szerkezet a dokumentum módszerekkel a tárgy csomópont (13. Táblázat):
Módszerek Node tárgy, hozzáadhat és törölhet elemeket a dokumentumban
Hozzáteszi Node objektumot a végén a listát gyermek csomópontok
Ez létrehoz egy csomópont objektumot, amely megegyezik a megadott argumentum. V lehet érvként, és minden gyermek csomópontok egyidejűleg
True értékkel tér vissza, ha a csomópont a gyermekek
Szúr Node tárgy elé a gyerekek lista megadott csomópont, mint a második paraméter,
Eltávolítja a gyermek csomópont megadva paraméterként
Ez helyettesíti a régi és az új utódok
Itt egy példa a dinamikus előállító eszközt DOM dokumentum (ábra. 21).
Ábra. 21. A dinamikusan létrehozott weboldal
Element objektum következő módszerekkel (táblázat. 14) használják olvasása és beállítása attribútumok.
A módszerek az elem objektum
Visszaadja az attribútum értékét
Beállítja az attribútum értékének
Állítsa be az alapértelmezett attribútum értéke, felülírva az aktuális értéket
Az alábbiakban egy példát az attribútumok a munkát. Bár a fizikai formázás attribútumok használata nem ajánlott (erre a célra stílusú) választottunk példaként, hiszen bizonyítani ötlet munka tulajdonságait DOM módszerekkel.
DOM esemény modell
Jellemzői a program azzal a webes környezetben, hogy azok által vezérelt események. Ahhoz, hogy megtudja, melyik esemény történt, a DOM esemény objektum esetén (fülre. 15). A rendezvény célja a helyi és kifejezetten meg kell átadni az eseménykezelő.
Az az esemény tulajdonságait objektum
Ez azt jelzi, hogy a „lebegő” események (Transmission Control felfelé a hierarchiában)
Ez jelzi, hogy az megszünteti az esetben, ha az alapértelmezett