HTML DOM Element parentNode Özelliği

Tanım ve Kullanım

parentNode Özellik, element veya düğümün ebeveyn düğümünü Node nesnesi olarak döndürür

Belirtilen düğümün ebeveyn düğümü yoksa döndürülür null

parentNode özelliği salt okunabilir.

Ayrıca bakınız:

childNodes özelliği

firstChild özelliği

lastChild özelliği

nextSibling özelliği

previousSibling özelliği

nodeName özelliği

parentElement özelliği

HTML düğümleri ile elementler

HTML HTML DOMDoküman Obje Modeli (DOM)’nda, HTML dokümanı, (veya olmayan) alt düğümlere sahip düğüm kümeleridir.

DüğümElement düğümü, metin düğümü ve yorum düğümünü ifade eder.

ElementAradaki boşluklar da metin düğümüdür.

Ancak element sadece element düğümüdür.

Alt düğüm ve alt element

childNodes DönüşAlt düğüm(Element düğümü, metin düğümü ve yorum düğümü).

children DönüşAlt elementMetin ve yorum düğümleri değil).

Kardeşler ve element kardeşleri

Kardeş“Kardeş” ve “kız kardeş” demektir.

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

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

Örnek

Örnek 1

"myLI" ebeveyn düğümünün düğüm adını alın:

let name = document.getElementById("myLI").parentNode.nodeName;

Kişisel olarak deneyin

Örnek 2

Düğümü tıklayarak ebeveyn düğümünü gizleyin: (span)

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

Kişisel olarak deneyin

GramER

element.parentNode

veya

node.parentNode

Dönüş değeri

Tür Açıklama
Düğüm Ebeveyn düğümü.
null Eğer düğümün ebeveyn düğümü yoksa.

Tarayıcı desteği

element.parentnode DOM Level 1 (1998) özelliğidir.

Tüm tarayıcılar onu tamamen destekler:

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