Alterar o JavaScript da fonte da imagem

Ammar Ali 12 outubro 2023
Alterar o JavaScript da fonte da imagem

Este tutorial irá apresentar como alterar a fonte ou src de uma imagem usando a propriedade src em JavaScript.

Alterar a fonte de uma imagem usando a propriedade src em JavaScript

Para alterar a fonte ou src de uma imagem, você precisa adicionar um id ou classe à tag da imagem. Você pode obter o elemento de imagem usando o nome de id ou classe e pode alterar a fonte ou src da imagem usando a propriedade src. Veja o exemplo de código abaixo.

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

No código acima, usamos a função getElementById() para obter o elemento usando seu id e, em seguida, alterando sua fonte usando a propriedade src. Você também pode usar o nome da classe para obter o elemento usando a função getElementByClassName(). Você pode colocar o id da tag da imagem no lugar de myImageId e a nova fonte ou src da imagem no lugar de newSource.png no 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

Artigo relacionado - JavaScript Image