Изменить координаты тега области, используя JavaScript

Question

Изменить координаты тега области, используя JavaScript

Я пытаюсь изменить координаты тега области с помощью 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;
}

1

javascript area coords

Источник

user3504438 12 сен '14 в 11:56

2 ответа

Решение

Использование setAttribute:

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

DEMO

0

Источник

user1377002 12 сен '14 в 12:27

Другие вопросы по тегам javascript area coords

user478593 12 сен '14 в 12:21 2014-09-12 12:21 · Accepted Answer · 2014-09-12 12:21

Если вы пытаетесь просто изменить свойство координат с помощью newCoords, просто напишите:

document.getElementById(areaID).coords = newCoords

Ваш пример не работает, потому что вы присваиваете значение координат переменной x, а затем просто изменяете значение x на значение newCoords. Переменная x не является ссылкой на свойство координат, это просто выделенная область памяти, в которой в вашем случае хранится значение координат, а затем это значение перезаписывается значением newCoords.