以编程方式更改img标记的src。

Question

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

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

首先，我有一个默认的src，它是“./Template/Editor.png”，我想用“./Template/Save.png”进行更改。

更新：这里是我的html点击：

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

我尝试过将其插入编辑()中，它可以工作，但需要单击图像两次

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

以编程方式更改img标记的src。

Answer 1

给你的img标签一个id，然后你可以document.getElementById("imageid").src="../template/save.png";

Answer 2

您可以同时使用jQuery和javascript方法：例如，如果您有两个图像：<img&nbsp;class="image1"&nbsp;src="image1.jpg"&nbsp;alt="image"><img&nbsp;class="image2"&nbsp;src="image2.jpg"&nbsp;alt="image">1)jQuery方法->$(".image2").attr("src","image1.jpg");2)Javascript方法->var&nbsp;image&nbsp;=&nbsp;document.getElementsByClassName("image2");image.src&nbsp;=&nbsp;"image1.jpg"对于这种类型的问题，jQuery的使用非常简单。

Answer 3

现在没事了function&nbsp;edit(){&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;inputs&nbsp;=&nbsp;document.myform; &nbsp;&nbsp;&nbsp;&nbsp;for(var&nbsp;i&nbsp;=&nbsp;0;&nbsp;i&nbsp;<&nbsp;inputs.length;&nbsp;i++)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;inputs[i].disabled&nbsp;=&nbsp;false; &nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;edit_save&nbsp;=&nbsp;document.getElementById("edit-save"); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;edit_save.src&nbsp;=&nbsp;"../template/save.png";&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}