HTML DOM Element previousSibling Özelliği

Tanım ve Kullanım

previousSibling Özellik, Node nesnesi olarak aynı ağaç seviyesindeki bir önceki düğümü döndürür.

previousSibling Özellik yalnızca okunabilir.

Açıklama:previousSibling düğümü yoksa, döndürme değeri: null.

Dikkat:

previousSibling Önceki kardeş düğümünü döndürür: element düğümü, metin düğümü veya yorum düğümü.

Element arasındaki boşluk da metin düğümüdür.

Alternatif Çözüm:

previousElementSibling Özelliği - Bir önceki kardeş elementini döndürür (metin ve yorumları göz ardı eder).

Ayrıca Bakınız:

nextSibling Özelliği

firstChild Özelliği

lastChild Özelliği

childNodes Özelliği

hasChildNodes() Özelliği

Düğüm ile Element

HTML HTML DOMDoküman Objesi Modeli)'nde, HTML belgesi ebeveynin sahip (veya sahip olmayan) düğüm kümesidir.

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

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

Ancak elementler sadece element düğümleridir.

Kardeş ile Element Kardeşleri

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

KardeşAynı ebeveyn düğümünün sahip olduğu düğümlerdir(aynı childNodes listesinde)。

Element KardeşleriAynı ebeveynin sahip olduğu elementlerdir(aynı children listesinde)。

Alt Düğüm ile Alt Eleman

childNodes DöndürürAlt Düğüm(Düğüm düğümleri, metin düğümleri ve yorum düğümleri)。

children DöndürürAlt Eleman(Metin ve yorum düğümleri değil)。

nextSibling ile nextElementSibling

nextSibling SonrakiDüğüm(Düğüm düğümleri, metin düğümleri veya yorum düğümleri)。Düğümler arasındaki boşluklar da metin düğümleridir.

nextElementSibling SonrakiDüğüm(Metin ve yorum düğümleri dönmemez)。

previousSibling ile previousElementSibling

previousSibling ÖncekiDüğüm(Düğüm düğümleri, metin düğümleri veya yorum düğümleri)。Düğümler arasındaki boşluklar da metin düğümleridir.

previousElementSibling ÖncekiDüğüm(Metin ve yorum düğümleri dönmemez)。

Örnek

Listeleme öğesi bir önceki kardeşin HTML içeriğini döndürür:

document.getElementById("item2").previousSibling.innerHTML;

Kişisel Deneyim

Sözdizimi

element.previousSibling

veya

node.previousSibling

Dönüş Değeri

Tür Açıklama
Düğüm Düğümün bir önceki kardeş düğümü.
null Eğer önceki kardeş yoksa.

Tarayıcı Desteği

element.previousSibling Bu, DOM Level 1 (1998) ö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