DHTML DOM(Document Object Model)

DOM(Document Object Model)is ons vermogen om elk element in een document te bereiken.

Voorbeeld

Opmerking:De meeste DHTML-exempels vereisen IE 4.0+、Netscape 7+ of Opera 7+!

Elementbereik
Hoe een element bereiken en zijn stijl wijzigen?
Eigenschapswijziging
Hoe een afbeeldingselement bereiken en de "src"-eigenschap wijzigen?
innerHTML
Hoe een element bereiken en de inhoud ervan wijzigen?

Hoe een element bereiken?

Elementen moeten een gedefinieerde id-eigenschap hebben en moeten een scripttaal hebben. JavaScript is de scripttaal met de beste browsercompatibiliteit, dus gebruiken we JavaScript.

<html>
<body>
<h1 id="header">My header</h1>
<script type="text/javascript">
document.getElementById('header').style.color="red"
</script>
</body>
</html>

Deze script kan de kleur van de titelweergave veranderen en een uitvoer genereren.

My header