Javascript 获取event.target上的dom属性

Javascript 获取event.target上的dom属性,javascript,dom,events,dom-events,Javascript,Dom,Events,Dom Events,努力做一些简单的事情!有一个谷歌,但努力让这个工作 我有一个事件处理程序,当我点击一个链接时,它返回/console.log,我点击的DOM节点 例如: <button class="toggle-btn toggle-btn-icon toggle-btn-open" type="button" aria-controls="toggle-i1-e1" aria-expanded="true">See more</button> 查看更多信息 单击后,我想获取ari

努力做一些简单的事情!有一个谷歌,但努力让这个工作

我有一个事件处理程序,当我点击一个链接时,它返回/console.log,我点击的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控件的全部值

所以我想分别获取这个值
toggle-i1-e1
,并将其存储在一个变量中

我该怎么做?

您可以使用以下方法:

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

或者通过event.target访问它。您可以在单击时添加函数,然后传递事件对象。在函数中,使用该事件对象获取目标,然后获取属性

函数getAttrs(e){ console.log(e.target.getAttribute('aria-controls')) }
查看更多信息
yournode.getAttribute('aria-controls'))