禁用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";
}