JavaScript consente di includere funzionalità interattive nelle pagine Web. A DIV o "<div>" tag è una sezione di codice HTML o divisione che può contenere altri contenuti HTML, tra cui immagini, tabelle e testo. Forse avete la necessità di fornire contenuto variabile all'interno di un DIV HTML, come ad esempio l'elaborazione o informazioni quiz basato sulle scelte degli utenti. Utilizzare JavaScript per sostituire dinamicamente i contenuti DIV in base alle azioni dell'utente.

istruzione

1 Aprire la pagina Web per creare un DIV che cambia quando un utente fa clic sui dati.

2 Digitare la funzione JavaScript per inserire i nuovi dati. Posizionare lo script precedente il tag "</ head>":

<Script>

Funzione changeDiv (theDiv) {

theDiv.innerHTML = "<p>A different paragraph one</p><p>A different paragraph two</p>";

}

</ Script>

3 Digitare il metodo "onClick" nel tag div per chiamare la funzione:

<Div onClick = "changeDiv (questo)">

<P> I dati originali 1 </ p>

<P> I dati originali 2 </ p>

</ Div>

4 Salvare la pagina Web e aprirlo in un browser Web per verificare la funzionalità. Fare clic sull'area DIV e il testo modifiche:

<P> Un paragrafo diverso uno </ p>

<P> Un diverso secondo comma </ p>