JavaScript/DOM/Node/parentNode

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Die Eigenschaft Node.parentNode speichert den Elternknoten eines Knotens.

  • DOM 1.0
  • JavaScript 1.5
  • Chrome
  • Firefox
  • IE
  • Opera
  • Safari
  • Nur Lesen / Read Only

Syntax

elternelement = node.parentNode

  • elternelement: Elternelement des Datenknotens


[Bearbeiten] 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.

[Bearbeiten] Weblinks

Meine Werkzeuge
Namensräume

Varianten
Aktionen
Übersicht
Index
Mitmachen
Werkzeuge
Spenden
SELFHTML