DHTML DOM (Document Object Model)

DOM (Document Object Model) ci permette di accedere a ogni elemento di un documento.

Esempio

Nota:La maggior parte degli esempi DHTML richiede IE 4.0+、Netscape 7+ o Opera 7+!

Accesso agli elementi
Come accedere a un elemento e cambiare il suo stile.
Modifica delle proprietà
Come accedere a un elemento immagine e modificare l'attributo "src".
innerHTML
Come accedere e modificare il contenuto di un elemento.

Come accedere a un elemento?

Gli elementi devono avere un attributo id definito e devono avere un linguaggio di scripting. JavaScript è il linguaggio di scripting con la migliore compatibilità browser, quindi lo usiamo.

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

Questo script può cambiare il colore dell'elemento di intestazione e generare l'output.

My header