event.target上的Grab dom属性

Question

正在尝试一些简单的事情！曾经有一个谷歌，但努力使它工作。

我有一个事件处理程序，当我单击链接时，它会返回/控制台。记录我单击的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 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>