Document Object Model (Document Object Model - DOM) este un standard propus de Web Consortium, și reglementează modul de prezentare a conținutului unui document (de exemplu, o pagină web) sub forma unui set de obiecte. Prin conținut se înțelege ceva care poate fi pe pagina web: imagini, link-uri, paragrafe, text, etc ...
Spre deosebire de modelul de obiecte browser-ul (BOM), care este unic pentru fiecare browser Document Object Model este un standard și ar trebui să fie susținută de toate browserele. Și, deși, în practică, sprijinul DOM nu pus în aplicare în întregime, cu toate acestea, trebuie să se străduiască să respecte cerințele acestui standard, furnizorii de browser și dezvoltatori web.
Trebuie remarcat faptul că DOM poate fi aplicat nu numai în paginile web, dar, de asemenea, orice alte documente. În special, acesta poate fi folosit cu orice vocabular XML, iar una dintre aceste dicționare este HTML, și mai precis, XHTML.
DOM este un standard în curs de dezvoltare și este împărțit în trei niveluri. Primul nivel este prima versiune a standardului, și până în prezent singurul complet. Se compune din două secțiuni: prima este nucleul și definește principiile de manipulare cu structura documentului (generare și navigație), în timp ce a doua este dedicată prezentării în elementele DOM HTML, determinate de aceleași etichete de nume.
Al doilea și al treilea nivel descrise model de eveniment, completează pasajele stylesheet în structura.
Prezentarea unui document într-o structură arborescentă
Documentul DOM este prezentat într-o structură de arbore (fig. 19), care este una dintre cele mai comune structuri în programare. Acesta oferă o modalitate unică de a naviga prin document.
Fig. 19. Prezentarea HTML-document ca structură arborescentă
Navigarea prin documentul
În DOM la elementul poate fi accesat direct prin ID-ul său ID. folosind metoda getElementById obiecta Document:
Pentru colectarea tuturor elementelor relevante pentru orice etichetă, metoda obiectului Document - getElementsByTagName. De exemplu, var a = document.getElementsByTagName ( "TD") variabilă atribuie o colecție a tuturor elementelor
Pentru a profita de structura arborescentă adoptată în DOM pentru prezentarea documentului, utilizați atributele de navigare (Fig. 20) este prezentată în Tabelul. 11.
Fig. 20. Navigare atribute nod obiect
obiect de navigare atributele Node
Returnează tipul de nod în formă de
Următorul exemplu se realizează prin extinderea structura arborescentă a documentului:
înseamnă generarea de pagini web dinamice bazate pe DHTML DOM
Uneori, aveți nevoie pentru a genera dinamic pagini web, de exemplu, în cazul creării de camere de chat, forumuri, sau pagini web generate în mod dinamic, cu un conținut care este stocat în baza de date. DOM permite pentru a rezolva această problemă.
Următoarele metode sunt disponibile pentru a crea obiecte din obiectul documentului (Tabelul 12.):
Metodele obiectului documentului, ce permite crearea de obiecte
Creează un nou nod element de cu numele specificat
Creează un nod text cu textul specificat
Creează un nou nod atribut cu numele specificat
obiecte nou create sunt adăugate la structura documentului folosind metodele Nodului obiect (tabelul 13.):
Metode obiect Node, adăuga și șterge elemente în document
Adaugă un obiect Node la sfârșitul listei de noduri copii
Se creează un obiect nod care este identic cu argumentul specificat. V poate fi folosit ca argument și toate nodurile copil în același timp
Returnează true, dacă nodul are copii
Inserturile Nod obiect în fața nodului listă de copii specificat ca al doilea parametru,
Elimină nodul copil specificat ca parametru
Acesta înlocuiește vechiul la noul descendenților
Aici este un exemplu de generare dinamică înseamnă DOM documentul (Fig. 21).
Fig. 21. Pagina web a generat dinamic
Element metode următorul obiect (tabel. 14) sunt utilizate pentru citirea și setarea atributelor.
Metodele obiectului Element
Returnează valoarea atributului
Setează valoarea unui atribut
Setați valoarea implicită a atributului, suprascrierea valoarea curentă
Mai jos este un exemplu pe atributele postului. Cu toate că utilizarea de atribute de formatare fizice nu sunt recomandate pentru utilizare (pentru aceste scopuri stiluri) au fost selectate ca un exemplu, din moment ce demonstrează ideea de locuri de muncă atribute metode DOM.
model de eveniment DOM
Caracteristici ale programului creat pentru mediul web este că acestea sunt conduse de evenimente. Pentru a afla care evenimentul a avut loc, DOM are eveniment obiect eveniment (tab. 15). Obiectul evenimentului este local și ar trebui să fie transmise în mod explicit la tratare a evenimentului.
Proprietățile obiectului evenimentului
Acesta indică posibilitatea unor evenimente „plutitoare“ (controlul transmisiei în sus în ierarhie)
Acesta indică posibilitatea de a anula evenimentul de implicit