Çdo faqe interneti konsiderohet si një objekt. Çdo faqe interneti e ngarkuar si një objekt dokumenti dhe çdo veçori ose metodë e dokumentit kanë qasje në përmbajtjen dhe formatimin.
Mënyra se si aksesohet dhe modifikohet përmbajtja e dokumentit quhet Modeli i objektit të dokumentit ose DOM. Objektet janë të organizuara në një hierarki.
- Objekti i dritares − Në krye të hierarkisë. Është elementi më i jashtëm i hierarkisë së objektit.
- Objekt dokumenti − Çdo dokument HTML që ngarkohet në një dritare bëhet objekt dokumenti. Dokumenti përmban përmbajtjen e faqes.
- Objekti i formës − Gjithçka e përfshirë në etiketat ‹form›…‹/form› vendos objektin e formës.
- Elementet e kontrollit të formës − Objekti i formës përmban të gjithë elementët e përcaktuar për atë objekt, si p.sh. fushat e tekstit, butonat, butonat e radios dhe kutitë e kontrollit.
Këtu është një hierarki e thjeshtë e disa objekteve të rëndësishme −
Ekzistojnë disa DOM në ekzistencë. Seksionet e mëposhtme shpjegojnë secilin prej këtyre DOM-ve në detaje dhe përshkruajnë se si mund t'i përdorni ato për të hyrë dhe modifikuar përmbajtjen e dokumentit.
- The Legacy DOM - Ky është modeli që u prezantua në versionet e hershme të gjuhës JavaScript. Ai mbështetet mirë nga të gjithë shfletuesit, por lejon aksesin vetëm në disa pjesë kryesore të dokumenteve, të tilla si formularët, elementët e formularit dhe imazhet.
- W3C DOM - Ky model i objektit të dokumentit lejon aksesin dhe modifikimin e të gjithë përmbajtjes së dokumentit dhe është i standardizuar nga World Wide Web Consortium (W3C). Ky model mbështetet nga pothuajse të gjithë shfletuesit modernë.
- IE4 DOM - Ky model i objektit të dokumentit u prezantua në Versionin 4 të shfletuesit Internet Explorer të Microsoft. IE 5 dhe versionet e mëvonshme përfshijnë mbështetje për shumicën e veçorive themelore të W3C DOM.
Pajtueshmëria me DOM
Nëse dëshironi të shkruani një skript me fleksibilitetin për të përdorur ose W3C DOM ose IE 4 DOM në varësi të disponueshmërisë së tyre, atëherë mund të përdorni një qasje të testimit të aftësive që së pari kontrollon ekzistencën e një metode ose vetie për të përcaktuar nëse shfletuesi ka aftësinë që dëshironi. Për shembull
if (document.getElementById) { // If the W3C method exists, use it } else if (document.all) { // If the all[] array exists, use it } else { // Otherwise use the legacy DOM }
Referenca
https://www.tutorialspoint.com/javascript/javascript_html_dom.htm