JavaScript - Получить координаты зоны карты формы

Question

Мой HTML-элемент:

<img src ="planets.gif" width="145" height="126" alt="Planets" 
usemap="#planetmap"> 

<map name="planetmap"> 
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun"> 
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury"> 
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus"> 
</map> 

Как я использовал Javascript, чтобы получить coords каждой из форм площади, содержащихся в map элемента?

Answer 1

Вы можете попробовать что-то вроде этого ...

Live Demo

var coords = []; 

[].forEach.call(document.querySelectorAll("area"), function (value, index, array) { 
    coords.push(value.getAttribute("coords").split(",")); 
});