DHTML DOM(Document Object Model)
- Previous Page DHTML CSS
- Next Page DHTML Events
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
- Previous Page DHTML CSS
- Next Page DHTML Events