JavaScript/DOM/Node/parentElement

Aus SELFHTML-Wiki
< JavaScript‎ | DOM‎ | Node
Wechseln zu: Navigation, Suche

Die Eigenschaft Node.parentElement speichert das Elternelement eines Elements und ist damit genauer als die vergleichbare Eigenschaft Node.parentNode.

Syntax

elternelement = node.parentElement

  • elternelement: Elternelement des Datenknotens


Anwendungsbeispiel

Beispiel ansehen …
document.addEventListener('DOMContentLoaded', function () {

	document.querySelector('#button').addEventListener('click',auswerten);
  
  
	function auswerten() { 
    	var elternknoten = document.querySelector('li').parentElement.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 parentElement dahinter greift auf dessen Elternelement zu. 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 UL.


Weblinks

Siehe auch