如何在Javascript中浏览区域列表

时间:2018-09-14 10:33:55

标签: javascript html javascript-events area

你好,我正在尝试学习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中获取文本。

亲切的问候

1 个答案:

答案 0 :(得分:0)

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)