如何始终获取JavaScript中最外层的元素

我有一堆div元素，都有一个特定的id。在这些div中也有div。现在，如果我将onclick侦听器添加到最外层的元素，它不会返回其id。也许可以用一个示例更好地解释：

<div id="id1"><div id="bla1"></div></div>
<div id="id2"><div id="bla2"></div></div>
<div id="idn"><div id="blan"></div></div>

document.getElementById("id1").onclick = displayId;
document.getElementById("id2").onclick = displayId;
document.getElementById("idn").onclick = displayId;

function displayId(evt) {
    console.log(evt.target.id);
}

document.getElementById（“id1”）.onclick=displayId；
document.getElementById（“id2”）.onclick=displayId；
document.getElementById（“idn”）.onclick=displayId；
函数显示ID（evt）{
日志（evt.target.id）；
}

如果我现在单击其中一个div，它将显示内部div的id。 我怎样才能让它始终显示外部dviv的id

---

注意：内部div与外部div的大小相同。

使用

this

而不是

evt.target

来引用处理程序绑定到的元素

function displayId(evt) {
    console.log(this.id);
}

---

使用

this

而不是

evt.target

引用处理程序绑定到的元素

function displayId(evt) {
    console.log(this.id);
}

---

谢谢，那正是我要找的。谢谢，那正是我要找的。