1. ホーム
  2. ジャバスクリプト

[解決済み】imgタグのsrcをプログラムで変更する。

2022-03-31 05:48:19

質問

を変更するにはどうすればよいですか? src 属性は img タグを javascript で使用することはできますか?

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

最初はデフォルトのsrcが "../template/edit.png" で、クリックすると "../template/save.png" で変更したかったのです。

UPDATED: これが私のクリック時の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;
    }
}

edit()の中にこれを挿入してみると、うまくいくのですが、画像を2回クリックする必要があります。

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