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>