title: Append image to HTML Area tag with JavaScript
body: <p>I'm trying to add a click event to a html area on a map. If the area is clicked, a image should show up just in this area. </p>
  
  <p>For example: </p>
  
  <pre><code>&lt;area alt="" id="santiago" title="santiago" href="#" shape="poly" coords="225,692,281,695,277,744,225,743" /&gt;
  </code></pre>
  
  <p>Javascript:</p>
  
  <pre><code>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);
    });
  
  };
  </code></pre>
  
  <p>The alert message is shown up if the area is clicked but the image won't show up. But it seems to be loaded because i can find the image in my code within the area tag. Can somebody help please? Thanks!</p>