画像変更時にaltとtitleも変更

Question

前提・実現したいこと

クリックで画像を変更し、ダブルクリックでオリジナルの画像に戻す時に、altとtitleも変更されるようにしたいのですが、やり方がわかりません。

HTML
<img id="imeji"  ondblclick="defaultImage()" onclick="changeImage()" src="../images/photo6.jpg" alt="Japanese National Team" title="Japanese National Team" width="200" height="200"/>

Javascript
function defaultImage() {document.getElementById("imeji").src='../images/photo6.jpg';
}

function changeImage() {document.getElementById("imeji").src='../images/photo7.jpg' alt="Line up" title="starting member";
}

Comments

[m.ts10806]

src変更できたなら何も調べがつかない内容には思えませんが…？

[kokokorone]

srcは変更できるのですが、新しい画像にマウスを置いた時にtitleが表示されるようにしたいのです。

[m.ts10806]

理屈は同じです。element.属性名 で値を入れれば良いだけです。もう解決されてますが…。

Answer 1

document.getElementById("imeji").src='../images/photo7.jpg';
document.getElementById("imeji").alt = "Line up";
document.getElementById("imeji").title = "starting member";