js获取当前点击元素的最外层元素

Question

请问js有什么简便的方法获取当前点击元素的最外层元素？

Answer 1

题主问题是不是问错了，一般界面上元素的最外层元素不就是指body吗？
如果是想问点击元素的某一级父元素，能拿到点击事件的MouseEvent那就方便了

//类似这样,event在点击事件可获取，至于find函数中的判断逻辑可根据实际场景而定
event.path.find(dom=>dom.className.includes('parent'));

Answer 2

递归

function getRootParent(dom){
    var root = dom;
    if(root.parentNode){
        root = getRootParent(root.parentNode);
    }
    
    return root;
}

Answer 3

click= fn(e) {
 e.target.parentNode
}

Answer 4

如果不介意用 jQuery 的话，可以用

$('#demo').parents('父选择器');

Answer 5

最外层节点不就是document么？或者也可以是document.body