DHTML DOM(Document Object Model)

DOM(Document Object Model)giver os mulighed for at få adgang til hvert element i et dokument.

Eksempel

Bemærk:De fleste DHTML eksempler kræver IE 4.0+、Netscape 7+ eller Opera 7+!

Elementadgang
Hvordan kan man få adgang til et element og ændre dets stil?
Egenskabsændring
Hvordan kan man få adgang til et billed element og ændre "src" egenskaben?
innerHTML
Hvordan kan man få adgang til og ændre indholdet af et element?

Hvordan kan man få adgang til et element?

Elementer skal have en defineret id-egenskab og kræver et skript sprog. JavaScript er det bedste kompatible skript sprog for browsere, så vi bruger JavaScript.

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

Dette script kan ændre farven på titel elementet og generere output.

Min header