HTML DOM Element parentElement ominaisuus

Määritelmä ja käyttö

parentElement ominaisuus palauttaa määritellyn elementin vanhemman elementin.

parentElement ja parentNode Ero on siinä, että jos vanhemman solmu ei ole elementti solmu, niin parentElement Palauttaa null:

document.body.parentNode; // Palauttaa <html> elementti
document.body.parentElement; // Palauttaa <html> elementti
document.documentElement.parentNode; // Palauttaa dokumentti solmu
document.documentElement.parentElement; // Palauttaa null (html ei ole elementti solmun vanhempi solmu)

Useimmissa tapauksissa, mikä ominaisuus käytetään, ei ole tärkeää, mutta parentNode Voi olla kaikkein suosituin.

Tämä ominaisuus on lukuun ottamatta.

HTML solmu ja elementti

Sisällä HTML DOMDokumentti objekti mallissa (DOKUMENTTI), HTML-dokumentti on solmun joukko, jolla on (tai ei ole) lapsisolmuja.

SolmuViittaa elementti solmut, tekstisolmut ja kommenttisolmut.

ElementtiVälit tilavuudella on tekstisolmuja.

Elementti on vain elementti solmu.

Alasolmut ja alaesimerkki

childNodes PalauttaaAlasolmuElementti solmut, tekstisolmut ja kommenttisolmut).

children PalauttaaAlaesimerkkiEi ole teksti- tai kommenttisolmuja (vain elementit).

Sisar ja elementti sisar

SisarOn "veli" ja "sisko".

SisarOn solmut, joilla on sama vanhemman solmu (samassa childNodes Luettelossa).

Elementti sisarOn elementit, joilla on sama vanhemman solmu (samassa children Luettelossa).

Esimerkki

Esimerkki 1

Hanki <li> -elementin vanhemman elementin solmun nimi:

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

Kokeile itse!

Esimerkki 2

Klikkaa elementtiä (<span>) piilottaaksesi sen vanhemman elementin (<div>):

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

Kokeile itse!

Syntaksi

solmu.parentElement

Palautusarvo

Tyyppi Kuvaus
Elementti-objekti Edustaa solmun vanhemman solmun solmua.
null Jos kyseinen solmu ei ole vanhemman solmun kanssa.

Selausasennuksen tuki

element.parentElement On DOM Level 3 (2004) ominaisuus.

Kaikki selaimet tukevat sitä täysin:

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