DOM
JAVASCRIPT JA DOM KOULUTUSTA VUONNA 2025!
Kurssit saatavilla kautta Suomen. Tule ja varaa oma koulutustapahtumasi
IT-koulutuksen asiantuntijasi, Koulutus- ja konsultointipalvelu KK Mediat
Selaimen oliomallit: BOM, DOM ja DOM events
Modernin web-kehityksen ytimessä ovat selainten tukemat oliomallit ja rajapinnat. Ne tarjoavat käytännön työkaluja, joiden avulla kehittäjät voivat hallita sekä selainikkunoiden että rakenteellisten dokumenttien sisältöä, rakenteita ja tapahtumia. Nykyselaimet tukevat kymmeniä erilaisia rajapintoja, mutta standardoitujen mallien osalta tilanne on huomattavasti rajatumpi. Keskeisimmät oliomallit ovat:
- Selaimen objektimalli (BOM, Browser Object Model) - mahdollistaa selainikkunan hallinnan.
- Dokumenttioliomallin (DOM, Document Object Model) - mahdollistaa rakenteellisten dokumenttien sisällön ja rakenteen hallinnan.
- Tapahtumamalli (DOM Events) - mahdollistaa tapahtumiin reagoimisen.
- CSS objektimalli (CSSOM, CSS Object Model) - mahdollistaa CSS:n käytön rakenteellisissa asiakirjoissa (HTML,XML) ja tarjoaa ohjelmointikielille, kuten JavaScriptille, tavan hallita näitä tyylejä dynaamisesti.
Tämän oppaan seuraavissa osissa perehdymme BOM, DOM ja DOM Events malleihin syvemmin. Näiden ymmärtäminen on olennaista, kun halutaan luoda JavaScriptin edistyneempiä piirteitä hyödyntäviä verkkosivuja. DOM-osaaminen helpottaa myös palvelinpuolen ratkaisuja, kuten XML-tiedostojen käsittelyä PHP:ssa tai Node.js:ssä.