イメージを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);