Ç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