HTML DOM Element previousSibling Özelliği
- Önceki Sayfa parentElement
- Sonraki Sayfa previousElementSibling
- Üst Katmana Dön HTML DOM Elements Objesi
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:
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;
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 |
- Önceki Sayfa parentElement
- Sonraki Sayfa previousElementSibling
- Üst Katmana Dön HTML DOM Elements Objesi