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

果酱城:

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

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

首先,我有一个默认的src,它是“ ../template/edit.png”,我想用onclick来更改它“ ../template/save.png”。

更新:这是我的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";
    }
果酱城:

现在还可以

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章