Dynaaminen HTML ja DOM

JAVASCRIPT JA DOM KOULUTUSTA VUONNA 2008!

Kurssit saatavilla kautta Suomen. Tule ja varaa oma koulutustapahtumasi
IT-koulutuksen asiantuntijasi, Koulutus- ja konsultointipalvelu KK Mediat

Document olion kokoelmat

Selaimessa näkyvää aktiivista sivua kutsutaan document objektiksi. Document objekti sisältää kaikki objektit, jotka muodostavat dokumentin. Kaikissa dokumentin sisältämissä on objekteissa on jotain yksilöllistä joka erottaa ne muista objekteista - ne alkavat varatulla sanalla document. (Huom! Sanaa document seuraa piste).

Tämä johtuu siitä että objektihierarkiassa on pakko viitata vanhempaan. Ainoa poikkeus tähän sääntöön on window objekti. Siihen viitattaessa oletetaan automaattisesti että tarkoitat nykyistä, aktiivista ikkunaa. Tästä johtuen location objektiin ei ole pakko viitata window.location objektina, vaan siihen voidaan viitata suoraan location objektina.

Alapuolella oleva kuva antaa joitain esimerkkejä näkyvissä olevan sivun rakenteesta ja suhteesta document olioon:

DOM toiminnassa

Kuten ehkä huomasit, ovat objektien nimet monikossa. Tämä johtuu siitä, että yhdellä www-sivulla voi olla lukematon määrä kuvia, linkkejä ja muita objekteja. Jotta voisimme viitata kaikkiin näihin objekteihin, käyttää objektimalli nk. objektikokoelmia.

Objektikokoelma on ryhmä keskenään samanlaisia objekteja, jotka tallennetaan eräänlaiseen arrayhin eli tauluun. Esimerkiksi links kokoelma sisältää dokumentin kaikki hyperlinkit. Kun www-sivu latautuu, selain kerää tiedot sivun kaikista linkeistä ja sijoittaa sen tiedon links kokoelmaan.

Tapa, jolla kokoelma luodaan ja siihen viitataan, on käytännössä hyvin suoraviivainen. Koska kyseessä on taulukko, alkavat kaikki luvut nollasta. Itse objektikokoelmaan viitataan:


document.kokoelmanNimi[n]

Esimerkiksi sivulla olevaan ensimmäiseen linkkiin, voidaan viitata:


document.links[0]

Tutustu artikkelin muihin osiin:
»»» DHTML ja DOM »»» Document olion kokoelmat
»»» DHTML ja DOM »»» Document.all[]
»»» DHTML ja DOM »»» Forms-kokoelma
»»» DHTML ja DOM »»» Elementtiin viittaaminen id:n avulla

Dynaaminen HTML ja DOM

Document olion kokoelmat

Tallenna tämä sivu kirjanmerkkeihin!