Cómo reemplazar el DIV clic del ratón

JavaScript permite reemplazar dinámicamente el contenido en una etiqueta div HTML en sus páginas Web. Esta técnica de programación se utiliza para mostrar dinámicamente alertas o instrucciones a los usuarios después de hacer clic en un botón o imagen. Se crea una función de JavaScript para cambiar el contenido div, a continuación, vincular la función al botón o imagen que desea utilizar para activar los cambios en el texto.

Instrucciones

1 Haga clic en el archivo HTML que desea editar y seleccione "Abrir con" en el menú emergente. Haga clic en el editor de HTML en el submenú.

2 Cree la función JavaScript. El siguiente código JavaScript cambia el contenido de un div a "Nuevo texto".

<Script type = "text / javascript">

función divtext (div) {

div.innerText = "Texto nuevo.";

}

</ Script>

Usted puede agregar cualquier función de texto a innerText del div. Si prefiere añadir el código HTML para el contenido div, debe cambiar "innerText" a "innerHTML".

3 Vincular la nueva función de JavaScript a un botón o imagen. Puede agregar la función a cualquier elemento de formulario HTML que desea utilizar para cambiar el contenido div. Se utiliza el evento "onclick" para la función. El código siguiente es un ejemplo de un botón que cambia el contenido del div:

<Input type = "button" onclick = "divtext (document.getElementById (" divId "))" value = "Haga clic aquí para cambiar el contenido">

Reemplazar "divId" con el ID del div que desea editar de forma dinámica.

4 Haga clic en el botón "Guardar" y abrir el archivo HTML en un editor. Haga clic en el botón para probar los cambios. Tenga en cuenta cuando se hace clic en el botón, el texto se actualiza automáticamente en el navegador sin necesidad de actualizar la página.