Получить атрибут dom на event.target

Question

Борьба с чем-то, что должно быть простым! Я имел Google, но изо всех сил пытался заставить это работать.

У меня есть обработчик событий, где, когда я нажимаю на ссылку, он возвращает / console.logs узел DOM, на который я нажал.

Например:

<button class="toggle-btn toggle-btn-icon toggle-btn-open" type="button" aria-controls="toggle-i1-e1" aria-expanded="true">See more</button>

После того, как я нажал, я хотел получить все значение aria-controls.

Так что я хотел получить это значение toggle-i1-e1 отдельно и сохраните это в переменной.

Как мне это сделать?

Answer 1

Вы можете добавить функцию по клику, а затем передать объект события. В функции используйте этот объект события, чтобы получить цель, а затем получить атрибут

function getAttrs(e) {
  console.log(e.target.getAttribute('aria-controls'))

}

<button onclick="getAttrs(event)" class="toggle-btn toggle-btn-icon toggle-btn-open" type="button" aria-controls="toggle-i1-e1" aria-expanded="true">See more</button>

Answer 2

Вы можете использовать это:

document.getElementById('buttonId').getAttribute('aria-controls')

Или получить к нему доступ через event.target