title: DHTML
text: # DHTML
  
  Il DHTML (acronimo dall'inglese Dynamic HTML), conosciuto anche come HTML dinamico, è un insieme di tecnologie che permettono di cambiare in modo dinamico la rappresentazione e il contenuto di un documento ed aumentare l'interattività dell'utente sulla pagina.
  
  Il DHTML non è un linguaggio; consiste invece nell'uso di JavaScript per aggiungere funzionalità interattive a documenti HTML e fogli di stile CSS.
  
  ## Caratteristiche
  
  Le caratteristiche più interessanti di questa tecnologia sono:
  
  * dinamicità degli stili
  * dinamicità dei contenuti
  * posizionamento e animazioni sugli elementi
  * filtri e transizioni
  * data binding
  * accesso facilitato al DOM (Document Object Model)
  
  ### Stile dinamico
  
  Tramite il DHTML è possibile fare cambiare lo stile CSS di un oggetto in modo dinamico. Ad esempio:
  
  Oppure potremmo anche ordinare i dati presenti in una tabella cliccando in una determinata parte del documento: le potenzialità del linguaggio JavaScript sono molteplici, tanto che con un eloquente uso del linguaggio, si possono creare vere e proprie applicazioni web gestite direttamente dal browser, quindi senza necessità di supporto software da parte del client.
  
  ## Struttura di una pagina web
  
  In genere una pagina Web che utilizza DHTML viene impostata nel modo seguente:
  
  ## Visualizzazione di un blocco di testo aggiuntivo
  
  Il codice seguente illustra una funzione usata spesso. Una parte aggiuntiva di una pagina web verrà visualizzata solo se l'utente lo richiede. Esempio:
  
  ## Stili dinamici
  
  Utilizzando i CSS, è possibile modificare rapidamente l'aspetto e la formattazione degli elementi in un documento senza aggiungere o rimuovere elementi. Questo aiuta a mantenere i documenti piccoli e gli script che manipolano il documento velocemente. Esempio:
  
  