Să presupunem că avem o simplă pagină html
- Browser-ul încarcă pagina
- El ia în HTML, parsează și afișează
- Apoi se creează un copac DOM
Asta este, se pare, la toate noastre html și creează un arbore de elemente, cu cuiburile corect bazat pe HTML, pe care a făcut să-l. Adică, totul începe cu documentul de elemente, atunci încorporări html yelement, care încastrează cap și corp. Apoi, el pune pe fiecare yelement altul în secvența corectă.
De asemenea, trebuie să facă o distincție clară între, avem două documente. One - un document HTML, iar al doilea - un document DOM. document HTML - un limbaj de marcare. Și nu conține nimic. De aceea, avem nevoie de un document DOM în care fiecare elemenu în document HTML corespunde unui element DOM.
Acesta este motivul pentru care toți avem nevoie de un DOM.
Așa cum am spus, toate copac DOM este o colecție de elemente. Și astfel, ca un copac, fiecare are elemente ale componentelor părinte și copil. Elemente cum ar fi în HTML, mamă Elemente element va „document“, iar „capul“ copil și „corp“.
Deci, noi știm ce copac DOM este format din biți și piese, dar acest lucru nu este adevărat. Acesta constă dintr-un nod (pentru site-urile rusești) și vin în mai multe tipuri. Unul dintre ei am demontat deja - l yelement. Adică, div, p, corp - l Componente.
Al doilea tip - acest atribute. Când vom scrie codul
Această id = "container" - acest nod atribut. Iar al treilea tip - este un nod de text. Orice text pe care le scrie hit-uri în nodul de text.
Acesta este descris ca un copac. În exemplul de div, div - acest nod Element, id și text - este de 2 noduri care sunt imbricate în nodurile Element.