Die parentNode-Eigenschaft

Die Eigenschaft parentNode enthält das übergeordnete Element. Es gibt auch eine fast identische Eigenschaft parentElement. Unterschiede: Für den html-Tag gibt die Eigenschaft parentNode document zurück, und parentElement gibt null zurück.

Syntax

javascriptelement.parentNode;

Beispiel

Lassen wir uns das übergeordnete Element des Elements #elem holen und seine id auf dem Bildschirm ausgeben:

html<div id="parent">
  <p id="elem"></p>
</div>
javascriptlet elem = document.querySelector('#elem');
let id = elem.parentNode.id;

console.log(id);

Ergebnis der Codeausführung:

javascript'parent'

Siehe auch

  • die Eigenschaft parentElement,
    die das übergeordnete Element bestimmt