Javascript 讓兩個父母起來（沒有 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>