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);

使用JavaScript将图像附加到HTML区域标记

1 个答案: