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