Hvordan endre en DIV Basert på Klikker Verdi

Javascript kan du endre innholdet i en HTML div tag, som du kan implementere i en HTML-side dynamisk. Verdien i div tag kan kjøre endringen. For eksempel, hvis du har en div som sier "Click Me", kan du endre teksten basert på denne verdien til "Takk." For å utføre denne oppgaven, må du identifisere tekst i div, så endre den indre teksten dynamisk.

Bruksanvisning

1 Høyreklikk på HTML-filen du vil redigere, og velg "Åpne med." Klikk på HTML editor du vil bruke til å lage div endringer.

2 Lag Javascript-funksjonen. Følgende Javascript-koden endrer div innhold basert på innholdet allerede vist i kode definisjon:

funksjon changeContent (div) {

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

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

}

ellers

{

div.innerHTML = '<p> Klikk på nytt </ p>';

}

}

3 Koble den nye Javascript-klassen med "onclick" event i div tag. Den "onclick" event utløser når brukeren klikker et område i div. Følgende kode knytter div til funksjonen opprettet i trinn 2:

<Div onclick = "changeContent (dette)"> Klikk </ div>