Cómo reemplazar el contenido DIV en JavaScript

Escrito por willa dunn | Traducido por walter f. stocco
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo reemplazar el contenido DIV en JavaScript
JavaScript permite incluir procesos dinámicos en tu sitio web. (Creatas Images/Creatas/Getty Images)

JavaScript permite incluir funcionalidad interactiva en tus páginas Web. Un DIV o pestaña "<div>" es una sección de código HTML o división que puede incluir otro contenido HTML, incluyendo imágenes, tablas y texto. Tal vez tengas la necesidad de proporcionar contenido variable dentro de un DIV HTML, como el procesamiento de prueba o información basada en la elección de los usuarios. Usa JavaScript para sustituir de forma dinámica el contenido de DIV basado en las acciones del usuario.

Nivel de dificultad:
Moderadamente fácil

Otras personas están leyendo

Instrucciones

  1. 1

    Abre tu página Web para crear un DIV que cambie cuando un usuario haga clic en los datos.

  2. 2

    Escribe la función JavaScript para insertar los nuevos datos. Coloca el guión encima de la pestaña "</ head>":

    <script> function changeDiv(theDiv){ theDiv.innerHTML = "<p>A different paragraph one</p><p>A different paragraph two</p>"; } </script>

  3. 3

    Escribe el método "onClick" de la etiqueta div para llamar a la función:

    <div onClick="changeDiv(this)"> <p>The original data 1</p> <p>The original data 2</p> </div>

  4. 4

    Guarda la página Web y ábrela en un navegador web para probar la funcionalidad. Haz clic en el área DIV y el texto cambiará a:

    <p> A different paragraph one </p> <p> A different paragraph two </p>

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles