使用JavaScript將圖像添加到HTML區域標記

Question

我試圖將點擊事件添加到地圖上的html區域。如果該區域被點擊，圖像應該顯示在這個區域。

例如：

<area alt="" id="santiago" title="santiago" href="#" shape="poly" coords="225,692,281,695,277,744,225,743" /> 

的Javascript：顯示了

window.onload = function() { 

    document.getElementById("santiago").addEventListener("click", function (e) { 
     alert("CLICKED"); 
    var img = document.createElement('img'); 
    img.setAttribute('src', 'images/house.png'); 
    e.target.appendChild(img); 
    }); 

}; 

警報消息，如果被點擊的區域，但圖像不會出現。但它似乎被加載，因爲我可以在區域標記內的代碼中找到圖像。有人可以幫忙嗎？謝謝！

Answer 1

試試這個

var img = document.createElement('img'); 
$("#santiago")[0].appendChild(img);