如何浏览 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");

如何浏览 Javascript 中的区域列表

How to browse area list in Javascript

html

javascript

area