javascript - 如何获取卡片中单击的父元素的ID？

我正在尝试使某些“卡片”彼此相邻显示，当单击卡片时，我想获取卡片的ID。但是，除非单击卡div的边框，否则我的函数将在单击时获得未定义的子元素的ID，而不是父卡的ID。我如何确定它具体获得了卡的ID？

这是HTML:

<div id="parentCard" onclick="getID(event)">
  <div id="child1">I'm a child</div>
  <div id="text">
    <p>Text 1</p>
    <p>Text 2</p>
    <p>Text 3</p>
  </div>
</div>

Javascript:

function getID(event){
  console.log(event.target.id);
}

最佳答案

尝试使用Event.currentTarget

function getID(event){
  console.log(event.currentTarget.id);
}

<div id="parentCard" onclick="getID(event)">
  <div id="child1">I'm a child</div>
  <div id="text">
    <p>Text 1</p>
    <p>Text 2</p>
    <p>Text 3</p>
  </div>
</div>

关于javascript - 如何获取卡片中单击的父元素的ID？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/53683449/