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 di "Thank you." Per eseguire questa operazione, individuare il testo all'interno dell'elemento div, quindi modificare dinamicamente il testo interno.

Istruzioni

1

Pulsante destro del mouse il file HTML che si desidera modificare e selezionare "Apri con". Fare clic su editor HTML che si desidera utilizzare per apportare le modifiche di div.

2

Creare la funzione JavaScript. Il seguente codice JavaScript cambia il div contenuto sulla base del contenuto già visualizzato nella definizione del tag:

Function changeContent(div) () {

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

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

}

altro

{

div.innerHTML = '< p > Fai clic nuovamente </p >';

}

}

3

Collegare la nuova classe di JavaScript con l'evento "onclick" nel tag div. I trigger di evento "onclick" quando l'utente fa clic su qualsiasi zona all'interno del div. Il codice seguente link il div alla funzione creata nel passaggio 2:

< div onclick="changeContent(this)" > fare clic su < / div >