Obtener el div padre del elemento

Esto debería ser realmente simple pero estoy teniendo problemas con eso. ¿Cómo obtengo un div padre de un elemento hijo?

Mi HTML:

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

Mi JavaScript:

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

Pensé document.parento parent.containerfuncionaría, pero sigo recibiendo not definederrores. Tenga en cuenta que el pDocestá definido, pero no ciertas variables del mismo.

¿Algunas ideas?

PD: Preferiría evitar jQuery si es posible.

Estás buscando parentNode, que Elementhereda de Node:

parentDiv = pDoc.parentNode;

Referencias prácticas:

• Especificación DOM2 Core : bien compatible con todos los principales navegadores
• Especificación HTML DOM2 : enlaces entre DOM y HTML
• Especificación de DOM3 Core : algunas actualizaciones, no todas compatibles con todos los principales navegadores
• Especificación HTML5 : que ahora tiene los enlaces DOM / HTML

Si está buscando un tipo particular de elemento que está más lejos que el elemento primario inmediato, puede usar una función que suba el DOM hasta que encuentre uno, o no:

// 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;
}

La propiedad pDoc.parentElemento pDoc.parentNodele conseguirá el elemento padre.

var parentDiv = pDoc.parentElement

editar: esto es a veces parentNodeen algunos casos.

https://developer.mozilla.org/en-US/docs/Web/API/Node/parentElement

Esto podría ayudarte.

ParentID = pDoc.offsetParent;
alert(ParentID.id); 

Conocer el elemento primario de un elemento es útil cuando intenta ubicarlos en el "flujo real" de los elementos.

Debajo del código dado saldrá la identificación del padre del elemento cuya identificación se proporciona. Se puede utilizar para el diagnóstico de desalineación.

<!-- Patch of code to find parent -->
<p id="demo">Click the button </p>
<button onclick="parentFinder()">Find Parent</button>
<script>
function parentFinder()
{
    var x=document.getElementById("demo"); 
    var y=document.getElementById("*id of Element you want to know parent of*");
    x.innerHTML=y.parentNode.id;
}
</script>
<!-- Patch ends -->