Örnek
Bir üst elemanın düğüm adını alın <li> elemanı:
var x = document.getElementById("myLI").parentElement.nodeName;X'in sonucu olacaktır:
UL Kendin dene " Daha "Try it Yourself" Aşağıdaki örnekler.
Tanımı ve Kullanımı
parentElement özelliği belirtilen elemanın üst öğeyi döndürür.
ParentElement arasındaki fark parentNode , üst düğümü içeren bir düğüm yok ise, parentElement boş döndürmesidir:
document.body.parentNode; //
Returns the <html> element
document.body.parentElement; // Returns the
<html> element
document.documentElement.parentNode; // Returns the
Document node
document.documentElement.parentElement; //
Returns null (<html> does not have a parent ELEMENT node)Çoğu durumda, bunu kullandığınız hangi özelliği önemli değil, ancak, parentNode muhtemelen en popüler.
Bu özellik salt okunur.
Tarayıcı Desteği
Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.
| özellik | |||||
|---|---|---|---|---|---|
| parentElement | 1.0 | Evet | 9.0 | Evet | Evet |
Sözdizimi
node .parentElementTeknik detaylar
| Geri dönüş değeri: | Bir eleman, bir düğümün ana eleman düğümü temsil eden nesne veya boş düğümün üst halinde |
|---|---|
| DOM Sürüm | DOM Seviye 4 Eleman Nesne |
Diğer Örnekler
Örnek
Bir elemanın tıklayın (<span>) üst elemanı gizlemek için (<div>) :
<div>
<span onclick="this.parentElement.style.display =
'none';">x</span>
</div> Kendin dene "