如何在Javascript中浏览区域列表

Question

您好我正在尝试学习javascript，

有人能告诉我是否可以使用javascript浏览区域列表？

如果是，我该怎么办？

这是我的HTML代码：

 <map name="rx" id="rx">
    <area href="Link.gg" coords="137,92,25" shape="circle" alt="Blabla">
    <area href="Link1.gg" coords="227,93,25" shape="circle" alt="Blabla1">
    <area href="Link2.gg" coords="295,105,25" shape="circle" alt="Blabla2">
 </map>

什么是JS代码来浏览它？

如果有可能我还有一个问题

HTML代码：

<area href="Exemple.gg" coords="295,105,25" shape="circle" alt="Unicorn">

我怎样才能获得href和alt的值？

( `var myvar = "Exemple.gg"; var myalt = "Unicorn";`)

我只是想从href和alt获取文本。

请注意

Answer 1

const areas = document.querySelectorAll('area'); // use more precise selector if needed
let myElement;

areas.forEach(el => {
    if (!myElement && el.getAttribute('alt') === 'Red') {
       myElement = el;
    }
});

console.log(myElement)

Answer 2

要使用地图元素下的区域列表

var areaList = $("map#rx").find("area");

获取区域属性只需使用

var href=$("area").attr("href");
var alt=$("area").attr("alt");