Как я могу изменитьsrc атрибутimg тег с использованием JavaScript?

<img src="../template/edit.png" name=edit-save/>

сначала у меня есть src по умолчанию, который является & quot; ../ template / edit.png & quot; и я хотел изменить его с помощью & quot; ../ template / save.png & quot; по щелчку.

ОБНОВЛЕНО: вот мой html onclick:

<a href='#' onclick='edit()'><img src="../template/edit.png" id="edit-save"/></a>

и мой JS

function edit()
{   
    var inputs = document.myform;
    for(var i = 0; i < inputs.length; i++) {
        inputs[i].disabled = false;
    }
}

Я пытался вставить это в edit (), это работает, но нужно дважды щелкнуть изображение

var edit_save = document.getElementById("edit-save");
    edit_save.onclick = function(){
       this.src = "../template/save.png";
    }