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.

Non è un vero e proprio linguaggio ma è una sorta di contenitore di script a cavallo tra il Javascript, l'HTML e il CSS. Gli elementi, gli attributi e gli stili del DHTML sono basati sull'HTML esistente e sulle specifiche classiche del W3C.

Le caratteristiche più interessanti di questo linguaggio sono:

  • stile dinamico
  • contenuto dinamico
  • posizionamento e animazioni sugli elementi
  • filtri e transizioni
  • download di font non presenti sulla macchina
  • 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

 <HTML>
 <HEAD><TITLE>Dynamic Styles</TITLE>
 <SCRIPT LANGUAGE="JScript">
 function doChanges() {
     window.event.srcElement.style.color = "green";
     window.event.srcElement.style.fontSize = "20px";
 }
 </SCRIPT>
 </HEAD>
 <BODY>
Welcome to Dynamic HTML!
 You can do the most amazing things with the least bit of effort.
 </BODY>
 </HTML>