DHTML DOM (Document Object Model)

DOM (Document Object Model) pozwala nam uzyskać dostęp do każdego elementu w dokumencie.

Przykład

Uwaga:Większość przykładów DHTML wymaga IE 4.0+, Netscape 7+ lub Opera 7+!

Dostęp do elementów
Jak uzyskać dostęp do elementu i zmienić jego styl?
Zmiana atrybutów
Jak uzyskać dostęp do elementu obrazu i zmodyfikować atrybut "src"?
innerHTML
Jak uzyskać dostęp i zmodyfikować zawartość elementu?

Jak uzyskać dostęp do elementu?

Element musi mieć zdefiniowaną wartość atrybutu id oraz wymaga skryptu językowego. JavaScript jest najlepszym skryptem kompatybilnym z przeglądarkami, więc używamy JavaScript.

<html>
<body>
<h1 id="header">Mój nagłówek</h1>
<script type="text/javascript">
document.getElementById('header').style.color="red"
</script>
</body>
</html>

Ten skrypt może zmienić kolor elementu nagłówka i wygenerować wyjście.

Mój nagłówek