Javascript to get two parents up (no jQuery)

Question

I've got:

<div id='someId'>
    <div>
        <div onclick='someFunction(event)'>
            Text
        </div>
    </div>
</div>

someFunction(event){
    var twoParentsUpId = ??????
}

How can I get this "someId" with the other two DIVs not having any IDs?

... not using jQuery.

Answer 1

This will do it for you https://jsfiddle.net/DIRTY_SMITH/jaer6zzd/

<div id='someId'>
    <div>
        <div onclick='someFunction(event)'>
            Text
        </div>
    </div>
</div>
<script>
function someFunction(event){
    var twoParentsUpId = event.target.parentElement.parentElement;
    twoParentsUpId.style.backgroundColor = "red";
}
</script>