HTML DOM Element parentElement egenskab

definisering og brug

parentElement egenskab returnerer den ønskede forældernode til det specifikke element.

parentElement og parentNode forskellen er, hvis forældernoden ikke er en elementnode, så parentElement returnerer null:

document.body.parentNode; // Returnerer <html>-elementet
document.body.parentElement; // Returnerer <html>-elementet
document.documentElement.parentNode; // Returnerer dokumentnoden
document.documentElement.parentElement; // Returnerer null(<html> har ikke en forælderelementnode)

i de fleste tilfælde er det ikke vigtigt, hvilken egenskab der bruges, men parentNode kan være mest populære.

denne egenskab er skrivebeskyttet.

HTML-noder og elementer

i HTML DOM(Document Object Model), HTML-dokumentet er en samling af noder (eller ikke har noder) som har (eller ikke har) undernoder.

nodepeger på elementnoder, tekstnoder og kommentarnoder.

elementmellemrum er også tekstnoder.

mens elementer kun er elementnoder.

sønnode og sønnelement

childNodes returnerersønnode(elementnoder, tekstnoder og kommentarnoder).

children returnerersønnelementer(ikke tekst- og kommentarnoder).

fæller og elementfæller

fællerer "brødre" og "søstre".

fællerer noder, der har samme forældernode (i samme childNodes listen).

elementfællerer elementer, der har samme forældernode (i samme children listen).

eksempel

Eksempel 1

Få nodenavnet på <li>-elementets forældernode:

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

prøv det selv

Eksempel 2

Klik på elementet (<span>) for at skjule dets forælderelement (<div>):

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

prøv det selv

syntaks

node.parentElement

tilbageværdi

type beskrivelse
Element-objekt repræsenterer nodens forældernode.
null hvis denne node ikke har en forældernode.

browserstøtte

element.parentElement er en funktion i DOM Level 3 (2004).

Alle browsere understøtter det fuldt ud:

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