HTML DOM Element parentNode-egenskap

Definition och användning

parentNode Egenskapen returnerar elementet eller nodens föräldernod som Node-objekt.

Om den specifika noden inte har en föräldernod, returneras null.

parentNode-egenskapen är skrivskyddad.

Se också:

childNodes-egenskapen

firstChild-egenskapen

lastChild-egenskapen

nextSibling-egenskapen

previousSibling-egenskapen

nodeName-egenskapen

parentElement-egenskapen

HTML-noder och element

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

Nodbetecknar elementnod, textnod och kommentar nod.

Elementmellanslag mellan dem är textnoder.

medan element bara är elementnod.

Undernod och underlement

childNodes ReturnerarUndernod”(elementnod, textnod och kommentar nod).

children ReturnerarUnderlement”(inte 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å föräldernoden till "myLI":

let name = document.getElementById("myLI").parentNode.nodeName;

Prova själv

Exempel 2

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

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

Prova själv

Syntax

element.parentNode

eller

node.parentNode

Returvärde

Typ Beskrivning
Nod Föräldernod.
null Om noden inte har en föräldernod.

Webbläsarstöd

element.parentnode är en egenskap från DOM Level 1 (1998).

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