Как просмотреть список областей в 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 Code:

<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

Чтобы получить список областей под элементом карты, используйте

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

Для получения атрибутов области просто используйте

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

Answer 2

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)