Introduzione al HTML DOM

Il modello dell'oggetto del documento di W3C (DOM) � un'interfaccia neutra di lingua e della piattaforma che permette che i programmi e gli scritti accedano ed aggiornino dinamicamente al contenuto, alla struttura ed allo stile di un documento. �

Il W3C DOM fornisce un insieme standard degli oggetti per rappresentare i documenti del HTML e di XML e un'interfaccia standard per l'accesso ed il maneggiamento loro.

Il DOM � separato nelle parti differenti (XML, nucleo e HTML) ed inoltre ha livelli differenti (Livello 1/2/3 di DOM):

Nucleo DOM - definisce un insieme standard degli oggetti per tutti i documenti strutturati
XML DOM - definisce un insieme standard degli oggetti per i documenti di XML soltanto.
HTML DOM - definisce un insieme standard degli oggetti per i documenti del HTML soltanto

Potete leggere pi� circa i livelli/specifiche di W3C DOM nella nostra W3C tutorial

Che cosa � il HTML DOM?

Il HTML DOM � il modello dell'oggetto del documento soltanto per il HTML
Il HTML DOM � independent della piattaforma e di lingua
Il HTML DOM definisce un insieme standard degli oggetti per il HTML e un senso standard maneggiare ed accedere ai documenti del HTML
Il HTML DOM � campione di W3C

Il HTML DOM visualizza i documenti del HTML come struttura arborescente degli elementi che possono essere inclusi all'interno di altri elementi. Tutti gli elementi, i loro attributi ed il loro testo contenente, possono essere raggiunti attraverso l'albero di DOM. Il loro soddisfare pu� essere cancellato o modificato ed i nuovi elementi possono essere generati dal DOM. Gli elementi, i loro attributi ed il loro testo tutto sono conosciuti come nodi.

Possiamo usare il Javascript?

Il HTML DOM � independent della piattaforma e di lingua. Pu� essere usato da tutti i likeJavaScript, Java e VBScript di linguaggio di programmazione.

In questa lezione privata inoltre useremo il Javascript

Un esempio del HTML DOM

Questo esempio di codificazione mostra come il colore della priorit� bassa di un documento del HTML pu� essere cambiato al colore giallo quando un utente lo scatta sopra:

<html>

<head>
<script type="text/javascript">
function ChangeColor()
{
document.body.bgColor="yellow"
}
</script>
</head>

<body onclick="ChangeColor()">
Click on this document!
</body>
</html>