Beispiel
Holen Sie den Knotennamen des übergeordneten Elements eines <li> Element:
var x = document.getElementById("myLI").parentElement.nodeName;Das Ergebnis von x wird sein:
UL Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die parent Eigenschaft gibt das übergeordnete Element des angegebenen Elements.
Der Unterschied zwischen parent und parentNode , ist , dass parent null zurückgibt , wenn der Elternknoten nicht ein 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 ist es egal, welche Eigenschaft Sie verwenden, jedoch ist parentNode wahrscheinlich die beliebteste.
Diese Eigenschaft ist schreibgeschützt.
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
| Eigentum | |||||
|---|---|---|---|---|---|
| parentElement | 1.0 | Ja | 9.0 | Ja | Ja |
Syntax
node .parentElementTechnische Details
| Rückgabewert: | Ein Element , das Objekt, die den übergeordneten Elementknoten eines Knotens, oder Null wenn der Knoten hat keine übergeordneten |
|---|---|
| DOM Version | DOM Level 4 Element Object |
Mehr Beispiele
Beispiel
Klicken Sie auf ein Element (<span>) übergeordneten Element zu verstecken (<div>) :
<div>
<span onclick="this.parentElement.style.display =
'none';">x</span>
</div> Versuch es selber "