单击时获取父元素的ID

Question

我正试图UL在LI点击时显示父亲的ID .但警报显示未定义的值.我哪里错了？

HTML:

<ul id='uiID'>
    <li id='myLi'>A</li>
</ul>

JavaScript的

var x = document.getElementById("myLI").parentNode.nodeName;
alert(x.id);

Answer 1

您没有将任何点击事件附加到元素,并且nodeName在您的情况下返回LI,因此不需要.你想要的是什么

document.getElementById("myLI").onclick = function(e){
  alert(e.target.parentNode.id);
}

Answer 2

你可以这样做：

<ul id='uiID'>
   <li id='myLi' onclick="alert(this.parentNode.id)">A</li>
</ul>