JavaScript/DOM/Node/parentNode

Der Begriff parentNode ist mehrdeutig.
Die Beschreibung der Mixin-Schnittstelle finden Sie hier: JavaScript/DOM/ParentNode

Die Eigenschaft Node.parentNode speichert den Elternknoten eines Knotens.

Syntax

elternelement = node.parentNode

• elternelement: Elternelement des Datenknotens

Anwendungsbeispiel

Beispiel ansehen …

  function auswerten() { 
    var elternknoten = document.querySelector('li').parentNode.parentNode.tagName;
    var text = 'TagName: <span>' + elternknoten + '</span>';
    document.getElementById('ausgabe').innerHTML = text;
  }

Das Beispiel enthält eine Aufzählungsliste. Unterhalb davon ist ein JavaScript-Bereich notiert. Dort wird der Name des Großelternelements des ersten li-Elements in einem Meldungsfenster ausgegeben. Dazu wird mit document.querySelector('li') auf das erste li-Element zugegriffen. Das erste parentNode dahinter greift auf dessen Elternelement zu, und das zweite parentNode auf das Elternelement des Elternelements. Von diesem Element wird mit tagName der Name des Elementes ermittelt und ausgegeben. Das Attribut tagName kennen alle Knoten der Art Element.
Ausgegeben wird im Beispiel MAIN.

Weblinks

• W3C: parentNode
• MDN: Node.parentNode