HTML-DOM -parentElement- Eigenschaft
Beispiel
Rufen Sie den Knotennamen des übergeordneten Elements eines <li>-Elements ab:
var x = document.getElementById("myLI").parentElement.nodeName;
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Die Eigenschaft parentElement gibt das übergeordnete Element des angegebenen Elements zurück.
Der Unterschied zwischen parentElement und parentNode besteht darin , dass parentElement null zurückgibt, wenn der übergeordnete Knoten kein Elementknoten ist:
document.body.parentNode; // Returns the <html> element
document.body.parentElement; // Returns the <html> element
document.documentElement.parentNode; // Returns the Document node
document.documentElement.parentElement; // Returns null (<html> does not have a parent ELEMENT node)
In den meisten Fällen spielt es keine Rolle, welche Eigenschaft Sie verwenden, aber parentNode ist wahrscheinlich die beliebteste.
Diese Eigenschaft ist schreibgeschützt.
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
Property | |||||
---|---|---|---|---|---|
parentElement | 1.0 | Yes | 9.0 | Yes | Yes |
Syntax
node.parentElement
Technische Details
Rückgabewert: | Ein Element-Objekt, das den übergeordneten Elementknoten eines Knotens darstellt, oder null , wenn der Knoten keinen übergeordneten Knoten hat |
---|---|
DOM-Version | DOM Level 4-Elementobjekt |
Mehr Beispiele
Beispiel
Klicken Sie auf ein Element (<span>), um das übergeordnete Element (<div>) auszublenden:
<div>
<span onclick="this.parentElement.style.display = 'none';">x</span>
</div>