以编程方式更改 img 标签的 src [英] Programmatically change the src of an img tag

问题描述

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

How can I change the src attribute of an img tag using javascript?

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

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

at first I have a default src which is "../template/edit.png" and I wanted to change it with "../template/save.png" onclick.

更新:这是我的 html onclick:

UPDATED: here's my 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()中插入这个，它可以工作，但需要点击图片两次

I've tried inserting this inside the edit(), it works but need to click the image twice

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

推荐答案

现在好了

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";                              
}

这篇关于以编程方式更改 img 标签的 src的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！