HTML DOM Element parentNode eigenschap

Definitie en gebruik

parentNode Eigenschap retourneert het ouderknoop van een element of knoop als Node-object.

Als de gedefinieerde knoop geen ouderknoop heeft, wordt dit geretourneerd null。

.

parentNode eigenschap is alleen leesbaar.

Zie ook:

childNodes eigenschap

firstChild eigenschap

lastChild eigenschap

nextSibling eigenschap

previousSibling eigenschap

nodeName eigenschap

parentElement eigenschap

HTML knopen en elementen InHTML DOM

Knoop(Document Object Model) waarin een HTML-document een verzameling knopen is die (of die niet) knopen hebben.

Betekent elementknooppunten, tekstknooppunten en aantekeningknooppunten.Element

Tussen witruimte is ook een tekstknoop.

Terwijl elementen alleen elementknooppunten zijn.

childNodes (elementknooppunten, tekstknooppunten en aantekeningknooppunten).Onderliggende knopen en onderliggende elementenOnderliggende knopen

children (elementknooppunten, tekstknooppunten en aantekeningknooppunten).RetourneertOnderliggende elementen

Zijn "broers" en "zusjes" (niet tekst- en aantekeningknooppunten).

Broers en zussenKinderen en elementkinderen

Broers en zussenZijn knopen die dezelfde ouderknoop hebben (in dezelfde childNodes in de lijst).

ElementkinderenZijn elementen die dezelfde ouderknoop hebben (in dezelfde children in de lijst).

Voorbeeld

Voorbeeld 1

Verkrijg de knoopnaam van de ouderknoop van "myLI":

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

Probeer het zelf uit

Voorbeeld 2

Klik op het element (<span>) om het ouder-element te verbergen:

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

Probeer het zelf uit

Syntax

element.parentNode

of

node.parentNode

Retourwaarde

Type Beschrijving
Knoop Ouderknoop.
null Als een knoop geen ouderknoop heeft.

Browserondersteuning

element.parentnode is een kenmerk van DOM Level 1 (1998).

Alle browsers ondersteunen het volledig:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Ondersteuning 9-11 Ondersteuning Ondersteuning Ondersteuning Ondersteuning