Rezumat: Model de obiect document sau scurt DOM (Document Object Model). Funcțiile document.forms, document.getElementById, document.createElement și altele care sunt incluse în obiectul documentului.
În primul rând, este necesar să înțelegem că, din punctul de vedere al browserului, pagina HTML este exact aceeași cu documentul XML. Dacă cititorul are experiență cu XML. atunci va fi ușor să înțelegeți procesarea DOM. Dar, în orice caz, acest lucru nu este cu adevărat dificil.
Cei care știu ce este un document XML. poate sări peste această secțiune. Restul trebuie să o citească.
Aceasta este doar o pagină HTML normală. Poate că nu știți că acesta este și un exemplu de document XML. Aici suntem interesați de faptul că fiecare element este descendent și / sau strămoș al altui element. Prima imagine este în interiorul etichetei TD. care se află în interiorul etichetelor TR. TABEL. BODY și HTML. Mutând în cealaltă direcție, puteți vedea că eticheta BODY are un "copil" - eticheta TABLE. Această etichetă TABLE are două etichete TR ca descendenți și așa mai departe. De fapt, acesta este modul în care ne mutăm într-un document XML sau HTML DOM - trecând de la un descendent la alt strămoș sau de la un strămoș la un descendent.
Imagine: diagrama de documente
Imaginea vă poate ajuta să înțelegeți mai bine relația copilului strămoș în acest cod.
De asemenea, este necesar să notați atributele din unele dintre aceste etichete. De exemplu, eticheta TABLE (