获取元素的父div

Question

这应该真的很简单，但是我遇到了麻烦。如何获得子元素的父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已定义，但不是其中的某些变量。有任何想法吗？PS我希望尽可能避免使用jQuery。

Answer 1

您正在寻找parentNode，其Element继承自Node：

parentDiv = pDoc.parentNode;

方便的参考：

• DOM2 Core规范-得到所有主流浏览器的良好支持

• DOM2 HTML规范-DOM和HTML之间的绑定

• DOM3 Core规范-一些更新，并非所有主流浏览器都支持所有更新

• HTML5规范 -现在包含DOM / HTML绑定

Answer 2

如果您正在寻找一种比直接父元素更远的元素，可以使用一个在DOM上查找直到找到一个或没有找到的函数：

// Find first ancestor of el with tagName

// or undefined if not found

function upTo(el, tagName) {

  tagName = tagName.toLowerCase();

  while (el && el.parentNode) {

    el = el.parentNode;

    if (el.tagName && el.tagName.toLowerCase() == tagName) {

      return el;

    }

  }

  // Many DOM methods return null if they don't 

  // find the element they are searching for

  // It would be OK to omit the following and just

  // return undefined

  return null;

}