innerHTMLを使って画像を表示する。

divの画像を差し替えたい。
または、なにかのfunctionを呼び出したら
画像を表示したい。
そんな時は、、、

～HTML～
<div id="test" onclick="test();"></div>

～JavaScript～
function test(){
    document.getElementById("test").innerHTML = "<img src ='ファイル名'>";
}

上記のように設定をすると、
testのdivをクリックすると、testファンクションが呼び出され、
divのIDが"test"の内容を
<img src ='ファイル名'>に置き換わる
という処理内容です。
画像を差し替えたい場合は、ファンクションの引数を応用すれば
可能です。