以编程方式更改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>还有我的JSfunction 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 class="image1" src="image1.jpg" alt="image"><img class="image2" src="image2.jpg" alt="image">

1)jQuery方法->

$(".image2").attr("src","image1.jpg");

2)Javascript方法->

var image = document.getElementsByClassName("image2");image.src = "image1.jpg"

对于这种类型的问题，jQuery的使用非常简单。

Answer 3

现在没事了

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