Question

我尝试使用JavaScript更改区域标记的坐标。这是我的HTML代码：

<a onclick="changeCoords('area-1', '50,825,220,1225');">Button</a>                      
<img id="page-1" class="shadow margin-20 width-900" src="pics/pages/razei-harefua-1.jpg"     usemap="#research-map">
<map name="research-map">
    <area id="area-1" shape="rect" coords="110,980,390,1150" href="some URL">
</map>

这是JavaScript：

function changeCoords(areaID, newCoords) {
    var x = document.getElementById(areaID).coords;
    x = newCoords;
}

Answer 1

如果您尝试使用newCoords更改coords属性，则只需编写：

document.getElementById(areaID).coords = newCoords

您的示例不起作用，因为您将coords的值赋给x变量，然后您只需将x的值更改为newCoords值。 x变量不是对coords属性的引用，只是一个已分配的内存空间，在您的情况下存储coords的值，然后该值将被newCoords的值覆盖。

Answer 2

使用setAttribute：

function changeCoords(areaID, newCoords) {
    var x = document.getElementById(areaID);
    x.setAttribute('coords', newCoords);
}

DEMO

使用javascript更改区域标记的坐标

2 个答案: