HTML DOM parentElement- eigenschap
Voorbeeld
Haal de knooppuntnaam op van het bovenliggende element van een <li>-element:
var x = document.getElementById("myLI").parentElement.nodeName;
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
De eigenschap parentElement retourneert het bovenliggende element van het opgegeven element.
Het verschil tussen parentElement en parentNode , is dat parentElement null retourneert als het bovenliggende knooppunt geen elementknooppunt is:
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 de meeste gevallen maakt het niet uit welke eigenschap u gebruikt, maar parentNode is waarschijnlijk het populairst.
Deze eigenschap is alleen-lezen.
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
Property | |||||
---|---|---|---|---|---|
parentElement | 1.0 | Yes | 9.0 | Yes | Yes |
Syntaxis
node.parentElement
Technische details
Winstwaarde: | Een Element-object, dat het bovenliggende elementknooppunt van een knooppunt vertegenwoordigt, of null als het knooppunt geen bovenliggend element heeft |
---|---|
DOM-versie | DOM Level 4 Element Object |
Meer voorbeelden
Voorbeeld
Klik op een element (<span>) om het bovenliggende element (<div>) te verbergen:
<div>
<span onclick="this.parentElement.style.display = 'none';">x</span>
</div>