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.