HOWTO · JavaScript

Alterar o JavaScript da fonte da imagem

Podemos mudar a fonte de uma imagem usando a propriedade src em JavaScript.

Nesta página

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.