以编程方式更改 img 标签的 src

Question

如何使用 javascript 更改 src 标签的 img 属性？

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

起初我有一个默认的 src，它是“../template/edit.png”，我想用“../template/save.png” onclick 来改变它。

更新：

这是我的html onclick：

<a href="#" onclick="edit()"><img src="../template/edit.png" id="edit-save" alt="Edit" /></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";
    }

原文由 Sam San 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

现在可以了

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

 var edit_save = document.getElementById("edit-save");

 edit_save.src = "../template/save.png";
 }

原文由 Sam San 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

给你的img标签一个id，然后你就可以

document.getElementById("imageid").src="../template/save.png";

原文由 Matthias 发布，翻译遵循 CC BY-SA 3.0 许可协议