Document Object Model
Van Wikipedia
Het Document Object Model (afgekort tot DOM) is een object-georiënteerde benadering van gestructureerde documenten zoals HTML-, XHTML- en XML-documenten.
Inhoud |
[bewerk] Inleiding
In de ontwikkeling van HTML ontstond al vroeg de behoefte om documenten interactief te kunnen maken. De versie 4 browsers van Netscape en Microsoft werden gelanceerd onder de term Dynamic HTML. Daarmee werd aangegeven dat de gewenste interactiviteit mogelijk was geworden.
Een essentiële voorwaarde voor interactiviteit van (X)HTML-documenten is dat de onderdelen (en de eigenschappen van elk onderdeel) van het document afzonderlijk benaderd kunnen worden. Alleen op deze manier kunnen de eigenschappen van dat onderdeel aangepast worden.
De browsers hadden aanvankelijk ieder een eigen benaderingsmethode van de onderdelen van documenten. Het World Wide Web Consortium (W3C) heeft vervolgens een standaard opgesteld onder de naam Document Object Model. Dit was gebaseerd op Dynamic HTML en andere al bestaande standaarden zoals HyTime en SGML Groves. Doordat het Document Object Model gebaseerd was op Dynamic HTML, was het backwards compatible.
Met de ontwikkeling van het Document Object Model zijn HTML-documenten veranderd van tekst-met-opmaaktekens (door ontwikkelaars ook wel HTML-soep genoemd) tot een gestructureerd stelsel van afzonderlijke objecten. Elk object in het document kan met programmeercode (zoals javascript) worden benaderd, en de eigenschappen kunnen worden aangepast. Een belangrijke eigenschap is de stijl van het object. Deze stijl kan ook worden bepaald met cascading style sheets.
Volgens het DOM is ook "tekst" een eigenschap van een element. Hiermee wordt afgerekend met de HTML-soep. Hoewel de inhoud van een document meestal de bestaansreden is van een document, wordt die inhoud ondergeschikt gemaakt aan de structuur van het document.
Volgens het Document Object Model bestaat een document uit een root node, die ingebedde (geneste) elementen kan bevatten. In HTML en XHTML bestanden is de root node html. In het plaatje hiernaast staat een schematische weergave van een (X)HTML document zoals dat door de Dom Inspector van Mozilla Firefox wordt weergegeven. De elementen in het plaatje refereren aan de gebruikte (X)HTML tag.
Net als bij vele andere webstandaarden, heeft elke webbrowser zijn eigen implementatie van de opgestelde standaard.
[bewerk] Vinden van objecten in een document
Er zijn verschillende manieren om een object in een document aan te spreken:
- Aan de hand van de waarde van attributen. Zo kan in HTML bijvoorbeeld het id (identiteit) attribuut gebruikt worden, deze wordt namelijk verondersteld uniek te zijn in het document.
- Het volgen van de boomstructuur van het document, bijvoorbeeld: het tweede element van het document.
- Gebruik makend van de naam van de tag..
De verschillende methoden kunnen elkaar aanvullen, leidend tot constructies als de tweede tabel van het document en het eerste element van de tabel met id="verzonnen_tabelnaam".
[bewerk] Eigenschappen
Elk element van het document heeft zijn eigen eigenschappen. De definitie van eigenschappen verschilt in dit verband overigens enigszins van de definitie die gebruikt wordt in object-georiënteerde programmeertalen. Hieronder staan een aantal veelgebruikte eigenschappen.
- tekst
- De tekst die in het element staat.
- stijl
- Zie ook CSS en XSL-FO. Hoe het element (en de inhoud ervan) wordt gepresenteerd. In HTML kan een deel van de presentatie ook buiten de stijl om worden bepaald, met behulp van oudere attributen. In XHTML kan presentatie alleen nog via de stijl gaan.
- hiërarchische positie in het document
- Van elk element is op te vragen welke andere elementen er in liggen (children), en wat de parent van het element is.
- gevoeligheid voor gebeurtenissen
- Hoe reageert een element op gebeurtenissen (events). Dit maakt het mogelijk dat het document kan reageren op acties van de gebruiker via muis en toetsenbord.
- functies
- Ingebouwde functionaliteit zoals het toevoegen of verwijderen van een child-element.
[bewerk] Levels
Er zijn verschillende versies van het Document Object Model genaamd levels. De huidige versie is level 2, sommige delen van level 3 zijn echter ook al standaarden.
[bewerk] Zie ook
[bewerk] Externe links
- W3C over het Document Object Model (Engels)
- Document Object Model Level 1 Specificatie (Engels)
- Document Object Model Level 2: Core Specificatie (Engels)
- Document Object Model Level 3: Core Specificatie (Engels)
| Webdesign | |
| Opmaaktalen | HTML · XHTML · C-HTML · WML · XHTML Basic |
| Design | Cascading Style Sheets · XSL-FO · XSLT |
| Interactie | Document Object Model · HTML-event · HTML-scripting · JavaScript · AJAX · Dynamic HTML |
| Referentie | HTML-kleuren · HTML-tags · HTML-entiteiten · HTML-events |
| Details | Browser sniffing · Useragent · Cookie · Metatag · DTD · Broodkruimelnavigatie · Inline image · Java‑applet · Macromedia Flash · HTML‑formulier · Favicon · Frames · SVG · WAI |
| HTML-Editors | Dreamweaver · FrontPage · Nvu · Quanta Plus |
|
|
|
| Verwant | Wereldwijde web · Webbrowser · Webserver · Grafisch programma · Teksteditor · XML |
