Rendere cross-browser il comando innerHTML

Pubblicità su lukeonweb.net a partire da 0,5 euro CPM e sconti fino al 50% !!!

» I più cliccati » I più votati

Web Wizard & Tools

Web Grafica

Siti utili

Cartucce per la Stampante

Homepage + Linguaggi + Javascript + Trucchi + Art.# 435

Autore: Luca Ruggiero

Corso Javascript e DHTML
Impara a creare controlli ed animazioni! Attestato finale ed assistenza del tutor online.

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>

scriviamo all'interno di questo livello un testo utilizzando il metodo obsoleto. La sintassi è la seguente:

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

Vediamo adesso un esempio di utilizzo di innerHTML legato al DOM

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

E' quindi sufficiente utilizzare il comando getElementById a cui passare come parametro l'ID del livello che ci interessa.