Tudd Intuíció, előadás, a Document Object Model

Abstract: A Document Object Model, illetve rövid DOM (Document Object Model). Funkciók document.forms, document.getElementById, document.createElement és mások, amelyek be vannak ágyazva a dokumentum.

Először is, meg kell értenie, hogy tekintve a böngésző HTML oldal pontosan ugyanaz, mint az XML dokumentum. Ha az olvasó van tapasztalata az XML. képes lesz megérteni a DOM feldolgozás elég könnyű. De minden esetben, ez nem igazán nehéz.

Azok, akik tudják, hogy az XML dokumentum. kihagyhatjuk ezt a szakaszt. A többi meg kell olvasni.

Ez csak egy normális HTML-oldal. Lehet, hogy nem tudom, hogy ez is egy példa egy XML dokumentum. Itt vagyunk érdekeltek, hogy minden elem a gyermek és / vagy elődje a másik elemnek. Az első kép a belsejében TD tag. ami belül van a TR címkéket. TÁBLÁZAT. TEST és HTML. Mozog a másik irányba, akkor láthatjuk, hogy a BODY tag egy „leszármazottja” - tag TABLE. TÁBLÁZAT Ez címke két leszármazottaik tag TR, stb Az a tény, hogy az, hogy hogyan haladunk az XML dokumentum vagy HTML DOM - mozgó leszármazottja egy őse, vagy szülő és gyerek.

Kép: A tömbvázlata dokumentum

A kép segíthet, hogy jobban megértsék a szülő-gyermek kapcsolatok ezt a kódot.

Azt is meg kell jegyezni, néhány attribútum a tag. Például, a címke TÁBLÁZAT (

) 3 készlet attribútum: határon. cellspacing és cellpadding. Ha megváltoztatja a DOM gyakran kell változtatni ezeket a tulajdonságokat. Akkor, például megváltoztathatja a címkejellemző SRC IMG. módosíthatja a megjelenített képet. Ez gyakran, például, hogy hozzon létre egy képváltási effektus, amely arra irányul, hogy egy mutató (rollover).

Hozzon létre egy képváltási effektus

Most, hogy van egy általános képet a elrendezését az oldal, meg lehet kezdeni a változtatást. Először hozzon létre egy egyszerű változásának hatását a kép:

Kapcsolódó cikkek