DOM: rendere cross-browser il comando innerHTML

Corso jQuery
Creare applicazioni client-side col Framework jQuery

Scritto da Luca Ruggiero nella sezione Javascript

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.

I più cliccati della sezione Javascript

:: jQuery Validation: validazione di un form con jQuery (106.422)

:: Breve guida a jQuery (96.579)

:: Le espressioni regolari in Javascript (84.653)

:: Gestione delle stringhe in Javascript (73.981)

:: Stampare una pagina col Dhtml (42.630)

:: Inserire in automatico lo slash nel formato data gg/mm/aaaa (39.591)

:: Menu orizzontale dinamico in Dhtml (36.922)

:: Gli Array in Javascript (35.634)

:: Temporizzazioni Javascript (31.149)

:: Istruzion condizionali in Javascript: if e switch (28.599)

IN EVIDENZA
DOWNLOAD