Cambiar fuente de imagen JavaScript

Ammar Ali 12 octubre 2023
Cambiar fuente de imagen JavaScript

Este tutorial presentará cómo cambiar la fuente o src de una imagen usando la propiedad src en JavaScript.

Cambiar la fuente de una imagen usando la propiedad src en JavaScript

Para cambiar la fuente o src de una imagen, debe agregar un id o una class a la etiqueta de la imagen. Puede obtener el elemento de imagen usando el nombre de la id o la class, y puede cambiar la fuente o src de la imagen usando la propiedad src. Vea el código de ejemplo a continuación.

document.getElementById('myImageId').src = 'newSource.png';

En el código anterior, usamos la función getElementById() para obtener el elemento usando su id y luego cambiando su fuente usando la propiedad src. También puede usar el nombre de la clase para obtener el elemento usando la función getElementByClassName(). Puede poner el id de la etiqueta de la imagen en el lugar de myImageId y la nueva fuente o src de la imagen en el lugar de newSource.png en el código.

Autor: Ammar Ali
Ammar Ali avatar Ammar Ali avatar

Hello! I am Ammar Ali, a programmer here to learn from experience, people, and docs, and create interesting and useful programming content. I mostly create content about Python, Matlab, and Microcontrollers like Arduino and PIC.

LinkedIn Facebook

Artículo relacionado - JavaScript Image