相关疑难解决方法(0)

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

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

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

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

我正在尝试创建一组图像对象，但很挣扎。每个对象将保存一个图像和图像的标题。

当我将其粘贴到 Firebug 中进行检查时，以下代码工作正常：

示例 1

var imageArray = new Array();

imageArray[0] = new Image();
console.log(imageArray[0]);  //result is <img>

imageArray[0].src = "my-image-01.png";
console.log(imageArray[0]); // result is <img src="my-image-01.png"/>

imageArray[0] = {imageCaption: "A caption for the image"};  //an object
console.log(imageArray[0].imageCaption) //result is: A caption for the image

imageArray[1] = new Image()

... 等等

但是，我认为以下内容更有意义，但它不断抛出错误，我不明白为什么。

示例 2

var imageArray = new Array();

imageArray[0]= {
    image01: new Image(),
    image01.src: "my-image-01.png",  //"SyntaxError: missing : after property id"
    imageCaption: "An image caption"
    };

imageArray[1] = …