如何解决parentElement.parentElement.parentElement... 替代方案?
我需要从所有 HTML 元素最内部的按钮执行的函数中访问 HTML 元素中最外部 div 的 id。
我正在使用 e.target.parentElement.parentElement.parentElement.parentElement.parentElement.id
它有效,但对我来说看起来很丑。
是否有另一种方法可以穿越这么多 parentElement?
解决方法
在现代浏览器中,您可以使用 Element.closest(selectors)
document.querySelector('button').addEventListener('click',function(){
console.log('Container id:',this.closest('.container').id);
})
<div class="container" id="one">
<div>
<div>
<button>Click me</button>
</div>
</div>
</div>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。