HTML DOM Element parentElement egenskab
- Forrige side parentNode
- Næste side previousSibling
- Gå tilbage til niveau HTML DOM Elements objekt
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;
Eksempel 2
Klik på elementet (<span>) for at skjule dets forælderelement (<div>):
<div> <span onclick="this.parentElement.style.display = 'none';">x</span> </div>
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 |
- Forrige side parentNode
- Næste side previousSibling
- Gå tilbage til niveau HTML DOM Elements objekt