抓取 event.target 上的 dom 屬性

Question

為應該簡單的事情而苦苦掙扎，有一個谷歌。 但努力讓它發揮作用。

我有一個事件處理程序，當我點擊一個鏈接時，它會返回/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

你可以使用這個：

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

或通過 event.target 訪問它

Answer 2

您可以添加一個 function onclick 然后傳遞事件 object。 在 function 使用那個事件 object 獲取目標然后獲取屬性

 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>