javascript - 禁用 JavaScript 时隐藏图像 map 坐标

Question

我有一个图像 map ，我想在禁用 Javascript 时隐藏其可点击坐标，以便只留下图像。我尝试在 html 正文中使用 noscript:

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

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

Answer 1

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

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