时间戳

首页 > 解决方案 > 从html到js通过ID获取元素

javascript - 从html到js通过ID获取元素

问题描述

我在图像中创建了一个可点击区域，我想在 Javascript 中获取该区域的 ID，以便我可以用颜色填充它。我是 html 和 js 的新手。

var myElement = document.getElementById("map1");
<img src={marina} alt="marinamap" usemap="#workmap" />
<map name="workmap">
     <area shape="rect" coords="320,220,340,210" alt=" parking" href="" id="map1"  >
</map>

我收到错误消息：

预期有构造函数、方法、访问器或属性。

有什么建议吗？

标签： javascripthtmlimagegetelementbyid

解决方案

好吧，看起来<area>标签根本不是样式...如果您的所有区域都是矩形或圆形（ish），您可以考虑仅使用 div 或任何其他绝对定位在图像上方的标签...如果这些区域有更复杂的形状，您可能需要使用 SVG 来代替... svg 示例

[原始错误答案 - 在收到评论之前]

可能与“我可以在图像地图区域元素上设置 onclick 事件吗？ ”

您可以在您所在区域的 onclick 事件中执行您需要的操作，如下所示：

<area shape="rect" 
      coords="320,220,340,210" 
      alt="parking" 
      href="#map1_target" 
      id="map1"  
      onclick="event.preventDefault(); this.style.background='#a00';"
>

推荐阅读