JavaScript consente di modificare dinamicamente il contenuto all'interno di un tag div HTML, che è possibile implementare in qualsiasi pagina HTML. Il valore all'interno del tag div può guidare il cambiamento. Per esempio, se si dispone di un div che dice "Click Me", è possibile modificare il testo in base a questo valore per "Grazie". Per eseguire questa operazione, individuare il testo all'interno del div, quindi modificare il testo interno in modo dinamico.

istruzione

1 Fare clic destro sul file HTML che si desidera modificare e selezionare "Apri con". Clicca l'editor HTML che si desidera utilizzare per apportare le modifiche div.

2 Creare la funzione JavaScript. Il seguente codice JavaScript cambia il contenuto div in base al contenuto già visualizzate nella definizione del tag:

Funzione changeContent (div) {

if (div.innerText == 'Click') {

div.innerHTML = '<p> Grazie </ p>';

}

altro

{

div.innerHTML = '<p> Fare clic di nuovo </ p>';

}

}

3 Collegare la nuova classe JavaScript con il "onclick" evento nel tag div. L'evento "onclick" si innesca quando l'utente fa clic qualsiasi area all'interno della div. Il codice seguente collega il div alla funzione creata nel Passo 2:

<Div onclick = "changeContent (questo)"> Click </ div>