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

我试图将点击事件添加到地图上的html区域。如果该区域被点击，图像应该显示在这个区域。使用JavaScript将图像添加到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); 
    }); 

};

警报消息，如果被点击的区域，但图像不会出现。但它似乎被加载，因为我可以在区域标记内的代码中找到图像。有人可以帮忙吗？谢谢！

来源

2017-07-02 svb

您是否尝试过追加创建的元素，而不是用于显示的路径？ '.appendChild（img）;' – NewToJS

嗨，是的，这就是我以前试过的 - 现在改变了样本。谢谢 – svb

什么是console.log（e.target）输出？ – liontass

试试这个

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

来源

2017-07-02 14:37:26 FannyKaunang

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

回答

相关问题