HTML DOM Element parentElement katangian

Paglilinaw at Paggamit

parentElement pagbabalik ng katangian ay ang magulang na elemento ng tinukoy na elemento.

parentElement At parentNode Ang pagkakaiba nito ay, kung ang magulang na node ay hindi node ng elemento, parentElement Ibinabalik null:

document.body.parentNode; // Ibinabalik ang elemento <html>
document.body.parentElement; // Ibinabalik ang elemento <html>
document.documentElement.parentNode; // Ibinabalik ang node ng dokumento
document.documentElement.parentElement; // Ibinabalik null（<html> walang magulang na ELEMENT na node）

Sa karamihan ng mga kaso, hindi mahalaga kung gamitin ang anong katangian, ngunit parentNode Maaaring ang pinaka-popular.

Ang katangian na ito ay read-only.

HTML na node at elemento

Sa HTML DOM（Document Object Model）na, ang HTML na dokumento ay magkaroon ng (o walang) mga anak na node.

NodeAy tinutukoy ng node ng elemento, node ng teksto at node ng komento.

ElementoAng puwang sa pagitan ay node ng teksto din.

At ang elemento lamang ay node ng elemento.

Anak na node at Anak na elemento

childNodes IbinabalikAnak na node（node ng elemento, node ng teksto at node ng komento）.

children IbinabalikAnak na elemento（hindi ang mga node ng teksto at komento）.

Magkakapatid at Magkakapatid na elemento

MagkakapatidIto ay tinatawag na "kapatid" at "kapatid na babae".

MagkakapatidIto ay ang mga node na may magulang na parehong node (sa parehong childNodes sa listahan）.

Magkakapatid na elementoIto ay ang mga elemento na may magulang na parehong elemento (sa parehong children sa listahan）.

Mga halimbawa

Halimbawa 1

Makakuha ng pangalan ng node ng magulang ng <li> na elemento:

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

Subukan ang sarili

Halimbawa 2

Klik ang elemento (<span>) upang itago ang kanyang magulang na elemento (<div>):

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

Subukan ang sarili

Mga pangkayang isip

node.parentElement

Bilang na ibabalik

Uri Paglalarawan
Element na bagay Ay nangangahulugan na ang magulang na element ng node.
null Kung ang node na ito ay walang magulang na node.

Suporta ng browser

element.parentElement Ang DOM Level 3 (2004) na katangian.

所有浏览器都完全支持它：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 9-11 支持 支持 支持 支持