A way to optimize (...).parentNode.parentNode.parentNode

Let's assume that you have the following HTML skeleton:

html
<div id = 'Z'>
    <div id = 'Y'>
        <div id = 'X'>
            <button onclick = "getParentId(event)"></button>
        </div>
    </div>
</div>

If you want to get the top level id:

javascript
function getParentId(e){

    let top = e.currentTarget.parentNode.parentNode.parentNode

    return top.id

}

Is there a way to optimize (...).parentNode.parentNode.parentNode?

javascript
function getParentId(e){

    let top = e.currentTarget

    'n'.repeat(3).split('').forEach(n => top = top.parentNode)  
    
    return top.id
    
}