DOM
Het DOM is een interface waarmee middels oa. javascript elementen binnen een document kunnen worden beinvloed, dit geldt zowel voor de inhoud van de elementen als de structuur van de elementen in een document. Het is dan ook niet verwonderlijk dat DOM staat voor "Document Object Model".
wat kun je ermee ?
Om erachter te kunnen komen wat je er zoal mee zou kunnen doen, is het eerst van belang uit te leggen hoe deze interface ongeveer in zijn werk gaat.
Het DOM model is gebaseerd op de structuur waarmee een document is opgebouwd. Door gebruik te maken van deze structuren van elementen is het mogelijk om bepaalde elementen aan te roepen en er bewerkingen op uit te voeren, of sterker nog er eventueel elementen aan toe te voegen of verwijderen mocht dat nodig zijn.
Het werken met het DOM model is dus pas dan mogelijk als men er zich van bewust is dat een HTML document opgebouw is uit elementen. en dat deze zich in een bepaalde volgorde in een document bevinden, deze structuur moet men in acht nemen als er met het DOM model gewerkt gaat worden.
DOM model structuur in objecten
In een DOM model is er bepaalde strucuur (zoals eerder beschreven), in feite is een object benadering altijd vanaf een beginpunt welke in een script aanwezig is naar een element welke gewenst is in een webpagina is deze structuur altijd vanuit het eerste hoofdobject te bepalen, javascript kent twee objecten die rechtstreeks bekend zijn, dit is als volgt te beschrijven.
window object -> het eerste object van waaruit een document structuur begint.
document object -> het object welke javascript direct herkend na het window object.
<script>
//voorbeeld object benadering
window.document.body.firstChild.style.width = '700px' ;
</script>
