Mi a DOM fában
Tegyük fel, hogy van egy egyszerű html oldal
- A böngésző betölti az oldalt
- Elveszi a html, értelmezi és megjeleníti
- Ezután létrehoz egy DOM-fa
Ez, úgy néz ki, minden html, és létrehoz egy fa elemek, a helyes beágyazását HTML alapú, ami azt tette hozzá. Azaz, minden kezdődik a dokumentum elemet, majd beágyazza yelement html, amely beágyazza a fej és a test. Aztán hozza minden yelement egymással a helyes sorrendben.
Azt is meg kell hogy tegyen egyértelmű különbséget, van két dokumentumot. Egy - egy HTML dokumentumot, és a második - egy DOM dokumentum. html dokumentum - egy jelölőnyelv. És ez nem tartalmaz semmit. Ezért van szükség egy DOM dokumentum, amelyben minden elemenu html dokumentum megfelel a DOM-elem.
Ez az oka annak, hogy mi minden kell egy DOM.
Ahogy mondtam, minden a DOM fában gyűjteménye elemekkel. És így, mint egy fa, mindegyik elemei a szülő és a gyermek Components. Elemek, mint például a HTML, Parent Elements elem „dokumentum”, és a gyermek „fej” és a „test”.
Tehát tudjuk, hogy mi a DOM fában alkotja darabokból, de ez nem igaz. Ez egy csomópont (az orosz oldalak), és jönnek a különböző típusú. Egyikük már szétszerelt - ez yelement. Ez azt jelenti, div, p, test - ez Components.
A második típus - ez attribútumok. Amikor írunk a kódot
Ez id = „konténer” - ez az attribútum csomópont. És a harmadik típus - egy szöveges csomópont. Bármilyen szöveget írunk találatot a szövegben csomópontot.
Úgy írják le, mint egy fa. A példa div div - ez az elem csomópont azonosító és szöveg - 2 csomópontokat ágyazva Element csomópontokat.