Ejemplos de cambiar contenido div javascript

Ejemplos de cambiar contenido div javascript

Ejemplo para cambiar el texto de un div con javascript

como puedes ver en el siguiente código dentro del Body tenemos definido un párrafo identificado como p1 que tiene un texto dentro” Hola cibernauta”.

Después viene la programación de Java Script en la que una vez identificado por el ID de un elemento en este caso P1 utilizamos la propiedad innerHTML y después del igual indicamos el nuevo texto

esto se ejecuta al cargar la página es decir no verás los cambios

<html>
<body>

<p id="p1">Hola Cybernauta!</p>

<script>
document.getElementById("p1").innerHTML = "Muchas gracias!";
</script>

</body>
</html>

te muestro otro ejemplo de cómo cambiar el texto de un div en el que hemos añadido un botón en el cual le hemos añadido el evento onclick.

y hemos primero identificado el elemento que queremos cambiar, hemos utilizado la propiedad inner HTML, como hemos hecho anteriormente, y le hemos dicho que era igual al texto que queremos que aparezca.

aquí sí que verás los cambios cuando hagas clic en el botón

<!DOCTYPE html>
<html>
<body>

<p id="p1">Hola Cybernauta!</p>
<button type="button"
onclick="document.getElementById('p1').innerHTML = 'Muchas gracias!'">
Pulsame!</button>

</body>
</html>