Cómo cambiar un DIV basado en el valor clic

JavaScript permite dinámicamente cambia el contenido dentro de una etiqueta div HTML, que se puede implementar en cualquier página HTML. El valor en la etiqueta div puede conducir el cambio.Por ejemplo, si usted tiene un div que dice "Click Me", usted puede cambiar el texto sobre la base de este valor en "Gracias". Para realizar esta tarea, identificar el texto dentro del div, a continuación, cambiar el texto interno de forma dinámica.

 

CAMBIO CLIC

 

Haga clic en el archivo HTML que desea editar y seleccione "Abrir con". Haga clic en el editor de código HTML que desea utilizar para hacer los cambios div.

 

Cree la función JavaScript. El siguiente código JavaScript cambia el contenido div basado en el contenido ya está representada en la definición de la etiqueta:

 

changeContent función (div) {

 

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

 

div.innerHTML = 'p Gracias / p';

 

}

 

más

 

{

 

div.innerHTML = 'p clic de nuevo / p';

 

}

 

}

 

Vincular la nueva clase de JavaScript con el evento "onclick" en la etiqueta div. El evento "onclick" se activa cuando el usuario hace clic en cualquier área dentro de la div. El código siguiente enlaza el div a la función creada en el paso 2:

 

div onclick "changeContent (this)" = clic / div