JavaScript/DOM/Node/parentElement
Aus SELFHTML-Wiki
< JavaScript | DOM | Node
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
- MDN: Node.parentElement
- children, firstElementChild, lastElementChild, previousElementSibling, nextElementSibling (mediaevent.de)
