通过ID从html获取元素到js

Question

我在图像中创建了一个可点击区域，我想在 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>

我遇到错误：

a constructor,method,accessor or property was expected.

有什么建议吗？

Answer 1

好吧，看起来 <area> 标签根本没有风格...如果您的所有区域都是矩形或圆形（大概），您可以考虑只使用 div 或绝对位于图像上方的任何其他标签 like so... if those areas have more complex shapes you may need to use SVG instead... svg example

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

可能与“”有关“

”

您可以像这样在您所在区域的 onclick 事件中执行您需要的操作：

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

通过ID从html获取元素到js

Get an element by ID from html to js

html

javascript

image

getelementbyid