禁用javascript时隐藏图像映射坐标

Question

我有一个图像地图，我想在禁用Javascript时隐藏它的可点击坐标，这样就只剩下图像了。我尝试在html主体中使用noscript：

<noscript>
  <style type='text/css'>
    area {display:none}
  </style>
</noscript>

但区域坐标仍显示在图像下方。我如何才能完全隐藏它们(最好使用纯css或纯javascript)？

Answer 1

与其在JavaScript不可用时禁用图像映射，为什么不只在JavaScript可用时启用它？由于您只希望在启用JS时显示地图，因此可以使用JS来启用它。禁用JS的浏览器将无法运行代码，只会显示图像。

var myMappedImages = document.getElementsByClassName("myMappedImage");
for(var i=0,len=myMappedImages.length;i<len;i++){
    myMappedImages[i].usemap = "#myimagemap";
}