HTML DOM Element parentElement özelliği

Tanım ve kullanım

parentElement özellikleri, belirtilen elementin ebeveyn elementini döner.

parentElement ve parentNode aralarındaki fark, ebeveyn düğümü element düğümü değilse parentElement Dönüşür null:

document.body.parentNode; // <html> elementini döner
document.body.parentElement; // <html> elementini döner
document.documentElement.parentNode; // Doküman düğümünü döner
document.documentElement.parentElement; // null döner (html ebeveyn ELEMENT düğümü yok)

Çoğu durumda, hangi özelliğin kullanılacağı önemli değildir, ancak parentNode En popüler olabilir.

Bu özellik yalnızca okunabilir.

HTML düğümü ile element

HTML HTML DOM（Doküman Obje Modeli）'nde, HTML dokümanı, (veya değil) alt düğümlere sahip düğüm kümesidir.

DüğümElement düğümleri, metin düğümleri ve yorum düğümlerini ifade eder.

ElementArasındaki boşluklar da metin düğümleridir.

Ancak elementler sadece element düğümleridir.

Alt düğümler ve alt elementler

childNodes DönüşürAlt düğümler(Element düğümleri, metin düğümleri ve yorum düğümleri).

children DönüşürAlt elementlerMetin ve yorum düğümleri değil).

Kardeşler ve element kardeşleri

Kardeşler“Kardeş” ve “kız kardeş” anlamına gelir.

KardeşlerAynı ebeveyn düğümüne sahip düğümlerdir (aynı childNodes listede) bulunanları.

Element kardeşleriAynı ebeveyn düğümüne sahip elementlerdir (aynı children listede) bulunanları.

Örnek

Örnek 1

<li> elementinin ebeveyn düğümünün node adını almak:

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

Kendiniz deneyin

Örnek 2

Elementi tıklayarak (span) ebeveyn elementini (div) gizleyebilirsiniz:

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

Kendiniz deneyin

Gramer

düğüm.parentElement

Dönüş değeri

Tür Açıklama
Element nesnesi Düğümün ebeveyn düğümünü temsil eder.
null Eğer bu düğümün ebeveyn düğümü yoksa.

Tarayıcı desteği

element.parentElement Bu, DOM Level 3 (2004) özelliğidir.

Tüm tarayıcılar tamamen destekler:

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