这应该很简单，但我遇到了麻烦。如何获取子元素的父 div？

我的 HTML:

<div id="test">
    <p id="myParagraph">Testing</p>
</div>

我的 JavaScript:

var pDoc = document.getElementById("myParagraph");
var parentDiv = ??????????   

我原以为 document.parent 或 parent.container 会起作用，但我一直收到 not defined 错误。请注意，pDoc 是定义的，而不是它的某些变量。

有什么想法吗？

附:如果可能，我宁愿避免使用 jQuery。

最佳答案

您正在寻找 parentNode , 其中 Element继承自 Node :

parentDiv = pDoc.parentNode;

方便引用:

• DOM2 Core规范 - 得到所有主流浏览器的良好支持
• DOM2 HTML规范 - DOM 和 HTML 之间的绑定(bind)
• DOM3 Core规范 - 一些更新，并非所有主流浏览器都支持
• HTML5 specification - 现在有 DOM/HTML 绑定(bind)

https://stackoverflow.com/questions/6856871/