Ejemplos de cambiar contenido div javascript

Ejemplos de cambiar contenido div javascript

Ejemplo para cambiar una imagen por otra onclick con javascript

en el siguiente ejemplo demuestra cómo puedes cambiar una imagen dinamicamente utilizando Javascript

<!DOCTYPE html>
<html>
<body>

<img id="mi_imagen" src="primera_imagen.jpg">
<script>
document.getElementById("mi_imagen").src = "segunda_imagen.jpg";
</script>

</body> 
</html>

y si quieres que cambie cuando haces clic sobre un botón, te dejo este otro código en el que como puedes ver he añadido un botón y en su evento onclick es dónde le pongo la programación de Java Script en la cual identificamos a quien le queremos cambiar la imagen, con el método get element by ID, y después indicamos que la propiedad SRC es decir origen sea igual a la imagen nueva que tú quieres que se visualice

<!DOCTYPE html>
<html>
<body>

<img id="mi_imagen" src="primera_imagen.jpg">

<button type="button"
onclick="document.getElementById("mi_imagen").src = 'segunda_imagen.jpg'">
Pulsame!</button>
</body> 
</html>

solo tienes que reemplazar la primera imagen por la imagen que tú quieras que aparezca al principio y la segunda imagen por la nueva imagen que quieres que aparezca cuando hagas clic en el botón qué es entonces cuando cambia de la Imagen

y recuerda que si las imágenes están en una carpeta, también lo tienes que indicar