자바 스크립트를 사용하여 영역 태그의 좌표 변경

Question

JavaScript를 사용하여 영역 태그의 좌표를 변경하려고합니다. 여기

<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> 

자바 스크립트입니다 :

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

Answer 1

그냥 newCoords와 좌표 속성을 변경하려는 경우는, 단순히 쓰기 : 여기 내 HTML 코드는

document.getElementById(areaID).coords = newCoords 

x 변수에 coords 값을 할당하고 x 값을 newCoords 값으로 변경하기 때문에 예제가 작동하지 않습니다. x 변수는 coords 속성에 대한 참조가 아니며, 케이스에 coords 값을 저장하는 할당 된 메모리 공간이며, 그 값은 newCoords 값으로 덮어 씁니다.

Answer 2

사용 setAttribute :

이

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

DEMO