Javascript 使用内部html切换段落

当有人在我的地图上点击一个特定的坐标时，我试图改变一个分区中的图像和另一个分区中的段落文本

我当前的代码：

JS

function myFunction(location_01)
{document.getElementById("location").innerHTML = "location 1 - paragraph 1";}
{document.getElementById("overview").innerHTML = "overview 1 - paragraph 1";}
{document.getElementById("distance").innerHTML = "distance 1 - paragraph 1";}

function myFunction(location_02)
{document.getElementById("location").innerHTML = "location 2 - paragraph 2";}
{document.getElementById("overview").innerHTML = "overview 2 - paragraph 2";}
{document.getElementById("distance").innerHTML = "distance 2 - paragraph 2";}

// etc

HTML

<area shape="circle" coords="421,483,13" href="#" alt="alt1"
onclick="MM_swapImage('pic_01','','pic1.png',1)";"myFunction('location_01')" />
<area shape="circle" coords="395,475,12" href="#" alt="alt2"
onclick="MM_swapImage('pic_01','','pic2.png',1)","myFunction('location_02')"/>

我的图像变化很好，但我的段落变化似乎不起作用

---

任何帮助都将不胜感激。

您太早合上牙套，只需要一个功能

function myFunction(num)
{
    num = parseInt(num);
    document.getElementById("location").innerHTML = "location " + num + " - paragraph " + num;
    document.getElementById("overview").innerHTML = "overview " + num + " - paragraph " + num;
    document.getElementById("distance").innerHTML = "distance " + num + " - paragraph " + num;
}

同时修复以下引号：

<area shape="circle" coords="421,483,13" href="#" alt="alt1" onclick="MM_swapImage('pic_01','','pic1.png',1);myFunction('01')" />
<area shape="circle" coords="395,475,12" href="#" alt="alt2" onclick="MM_swapImage('pic_01','','pic2.png',1),myFunction('02')"/>

谢谢您的帮助。它似乎仍然不起作用。。。我将javascript放在html的头部。我假设这很好。

myFunction

声明了两次。。。我想那不是你想要的。您也没有使用传入的参数。谢谢-虽然我没有添加num-parseInt（num），但这对我来说仍然不起作用，因为我要显示的段落实际上与“段落1”不同-每个段落都很长，因此我只是尝试将其简化为示例，即我的文本不会遵循数字顺序。还有什么我错过的吗？我的图像仍然很好。。。