单击图像上的区域时显示文本的 Onclick答案

【问题标题】：Onclick that displays the text when you click area on the image单击图像上的区域时显示文本的 Onclick
【发布时间】：2021-02-24 10:09:36
【问题描述】：

我的网站有问题。我试图在区域上单击，当我单击图像上的区域时，我想显示图像和文本。这是我的意思的一个例子：

这是我迄今为止创建的：


 <div class="interior" style="padding-left: 243px;">
 <img src="Pres7.png" usemap="#intr">
  <map name="intr">
   <area class="speedo" shape="circle" onclick="" coords="342,126,19" href="">
   <area class="screen" shape="circle" onclick="" coords="518,179,17" href="">
   <area class="light" shape="circle" onclick="" coords="730,229,17" href="">
   <area class="swheel" shape="circle" onclick="" coords="345,259,17" href="">
 </map>
</div>

它应该显示不同的图像和文本，所以我猜需要创建 4 个函数。

因为网上有好几个例子，我试着做了，但是当我给变量赋值的时候，还是不行。

虽然我可以通过 onclick 创建文本和图像，但我不知道如何在该区域执行此操作。

【问题讨论】：

标签： javascript html image onclick area

【解决方案1】：

有一个名为“display”的 CSS 属性，每个 HTML 元素都有它自己的该属性的默认值（其中大多数是“块”，这意味着它们覆盖了整个 X 轴），但是您可以给出其中一个值因为该显示属性是“无”，这意味着它是隐藏的，您可以使用 javascript 在“无”（隐藏）和您想要的值之间切换。

请参见此处，例如：https://www.w3schools.com/howto/howto_js_toggle_hide_show.asp

【讨论】：