@RuhHost

Как получить атрибут в данном виде?

<div>
  <a href="/link1/" data-name="links">LINK 1</a>
<a href="/link2/" data-name="links">LINK 2</a>
<a href="/link3/" data-name="links">LINK 3</a>
<a href="/link4/" data-name="links">LINK 4</a>
<a href="/lnk5/" data-name="links">LINK 5</a>
</div>

document.addEventListener('click', e => {
  if (e.target.tagName === 'A') {
    e.preventDefault();
    alert (e.target.href);
  }
})


В данном коде получается URL ссылки по клику на нее, как сделать чтобы кроме ссылки получалось еще значение атрибута data-name
  • Вопрос задан
  • 103 просмотра
Пригласить эксперта
Ответы на вопрос 2
web_Developer_Victor
@web_Developer_Victor
Что такое google?
document.addEventListener('click', e => {
  if (e.target.tagName === 'A') {
    e.preventDefault();
    alert (e.target.href + ' ' + e.target.dataset.name);
  }
})


Но я бы написал немного по-другому:
Ответ написан
Конкретно в случае с аттрибутом data-*, можно использовать dataset из DOM-элемента: alert(e.target.dataset.name).

Значение произвольного аттрибута можно получить с помощью getAttribute(): alert(e.target.getAttribute('data-name')).
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы