HTML DOM Element parentElement egenskap

Definition och användning

parentElement egenskapen returnerar föräldernoden till det specifika elementet.

parentElement och parentNode skillnaden är att om föräldernoden inte är en elementnod, så parentElement returnerar null:

document.body.parentNode; // returnerar <html>-elementet
document.body.parentElement; // returnerar <html>-elementet
document.documentElement.parentNode; // returnerar dokumentnoden
document.documentElement.parentElement; // returnerar null (<html> har ingen förälderelementnod)

i de flesta fall spelar det ingen roll vilket attribut man använder, men parentNode kan vara mest populära.

den här egenskapen är skrivskyddad.

HTML-noder och element

i HTML DOMi (Document Object Model), är HTML-dokument en samling av noder som har (eller inte har) undernoder.

nodsyftar på elementnoder, textnoder och kommentarnde.

elementmellanslag mellan dem är textnoder.

medan element bara är elementnoder.

undernoder och underelement

childNodes returnerarundernodelementnoder, textnoder och kommentarnde).

children returnerarunderelementsnarare än text- och kommentarnde

kompisar och elementkompisar

kompisär "bror" och "syster".

kompisär noder som har samma föräldernod (i samma childNodes i listan).

elementkompisär element som har samma föräldernod (i samma children i listan).

Exempel

Exempel 1

Hämta nodnamnet på <li>-elementets föräldernod:

var x = document.getElementById("myLI").parentElement.nodeName;

Prova själv

Exempel 2

Klicka på elementet (<span>) för att dölja dess föräldernod (<div>):

<div>
  <span onclick="this.parentElement.style.display = 'none';">x</span>
</div>

Prova själv

syntaks

nod.parentElement

återvärd

typ beskrivning
Element-objekt representerar nodens föräldernod.
null om noden inte har någon föräldernod.

Webbläsarstöd

element.parentElement är en egenskap i DOM Level 3 (2004).

Alla webbläsare stöder det fullt ut:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Stöd 9-11 Stöd Stöd Stöd Stöd