Как получить значение style ссылки, внутри элемента div?

Question

[rinaz22]

Всем привет! Есть ссылки внутри элемента div. id у этих ссылок всегда разные.
Я хочу проверить эти ссылки на наличие style. Если есть, то получить его цвет, который указан в style.
Я знаю как получить ссылки с div, но не знаю, как каждую ссылку проверить на наличие style.
Был бы рад пример.

Comments

[Сергей Соколов]

был бы рад примеру разметки и jsfiddle с вашим получением ссылок в div.

[Андрей Иванов]

А код предоставите ?

Answer 1

[Андрей Иванов]

Comments

[Сергей Соколов]

codepen и jsfiddle можно вставлять прямо в ответ:

[rinaz22]

А как сделать, чтобы не по клику, а сразу после загрузки страницы ?

[Андрей Иванов]

Сергей Соколов, когда так вставляю ничего не показывается

[Андрей Иванов]

rinaz22,

let link = document.querySelectorAll('div a');
window.addEventListener('DOMContentLoaded', (e)=> {
  link.forEach((item)=> {
    alert(item.style.color);
  })
})

[rinaz22]

Андрей Иванов, Спасибо!

[rinaz22]

Андрей Иванов, как сделать, чтобы получить ссылки элемента div с нужным id?
Например div id="links".
Если просто взять div a, то выводит всё

[Андрей Иванов]

rinaz22, console.log(link[2].getAttribute('href'));

[rinaz22]

Андрей Иванов, или я не правильно делаю, или вы меня не совсем поняли.
Надо взять только те ссылки, которые внутри div, у которого id="links"

[Андрей Иванов]

<div id="links">
  <a href="">1</a>
  <a href="">2</a>
  <a href="">3</a>
  <a href="">4</a>
  <a href="">5</a>
</div>

let links = document.querySelectorAll('#links a');
console.log(links);