我需要从所有 HTML 元素内部的按钮执行的函数中访问 HTML 元素中最外部 div 的 id。
我在用着e.target.parentElement.parentElement.parentElement.parentElement.parentElement.id它有效，但对我来说看起来很难看。
还有另一种方法可以遍历这么多的parentElements吗？
在现代浏览器中，您可以使用Element.closest（选择器） https://developer.mozilla.org/en-US/docs/Web/API/Element/closest
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>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
