DHTML DOM (Document Object Model)

DOM (Document Object Model) ger oss förmågan att komma åt varje element i ett dokument.

Exempel

Kommentar:De flesta DHTML-exempel kräver IE 4.0+、Netscape 7+ eller Opera 7+!

Elementåtkomst
Hur kan man komma åt ett element och ändra dess stil?
Egenskapsändring
Hur kan man komma åt en bildelement och ändra "src"-egenskapen?
innerHTML
Hur kan man komma åt och ändra innehållet i ett element?

Hur kan man komma åt ett element?

Element måste ha ett definierat id-egenskap och behöver ett skriptSpråk. JavaScript är det bästa skriptspråket för webbläsarkompatibilitet, så vi använder JavaScript.

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

Detta skript kan ändra färgen på titel元素 och generera utdata.

My header