DOM: rendere cross-browser il comando innerHTML

Corso Javascript Impara a creare controlli ed animazioni

Concesso in esclusiva a MrWebmaster.it - E' vietata la pubblicazione senza espresso consenso del proprietario

Conosciamo il comando innerHTML che serve a definire un'area in cui lanciare una stringa di testo o del codice HTML eseguibile al volo, semplicemente definendo un ID ad un Tag di testo, preferibilmente un DIV.

Questo comando è stato per un periodo di tempo al centro di una serie di discussioni che ne sconsigliavano l'utilizzo a favore dell'utilizzo di più elementi nascosti da visualizzare e nascondere a seconda degli eventi.

Da un po di tempo innerHTML è stato aggiunto alla lista degli elementi del DOM (Document Object Model) di Javascript ed è possibile renderlo cross-browser.

Vediamo un esempio di utilizzo di innerHTML. Dato il Tag

<div id="ESEMPIO"></div>

var testo = "Hello, World!";
ESEMPIO.innerHTML = testo;

var testo = "Hello, World!";
document.getElementById("ESEMPIO").innerHTML = testo;