Javascript 得到两个 parents 起来（没有 jQuery）

Question

我有：

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

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

如何在其他两个没有任何 ID 的 DIV 的情况下得到这个 "someId"？

... 未使用 jQuery.

Answer 1

这会为您完成 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>

Javascript 得到两个 parents 起来（没有 jQuery）

Javascript to get two parents up (no jQuery)

javascript

parent

target