Change src of an image

If you are using jquery, put an identifier in the img tag when you need to update the image, use the jQuery attr $("#id_da_image").attr("src", "novoEndereco");

  

Practical example (jQuery):

<!-- incluindo o jquery -->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<script>
    //Criando função para ser acionada no onclick de um button
    var trocaImagem = function () {
         $('#imagem1').attr('src', 'imagem2.jpg');
    };
</script>

<!-- criando tag img com o id imagem1 para ser manipulada pelo jquery -->
<img id="imagem1" src="imagem1.jpg" />

<!-- criando botão para disparar o método javascript trocaImagem para realizar a troca do atributo src -->
<button type="button" onclick="trocaImagem()" />

  

Practical example (pure javascript):

<script>
    //Criando função para ser acionada no onclick de um button
    var trocaImagem = function () {
         document.getElementById('imagem1').src = 'imagem2.jpg';
    };
</script>

<!-- criando tag img com o id imagem1 para ser manipulada pelo javascript -->
<img id="imagem1" src="imagem1.jpg" />

<!-- criando botão para disparar o método javascript trocaImagem para realizar a troca do atributo src -->
<button type="button" onclick="trocaImagem()" />