HTML DOM Element closest() yöntemi
- Önceki sayfa cloneNode()
- Sonraki sayfa compareDocumentPosition()
- Bir üst seviyeye dön HTML DOM Elements nesnesi
Tanım ve Kullanım
closest()
Yöntem, belirtilen CSS seçicisi ile eşleşen elementleri DOM ağacında arar.
closest()
Yöntem, element kendisinden başlayarak, ata (baba, büyük atası, ...) ile devam ederek, eşleşen bir bulgu bulunana kadar DOM ağacında arama yapar.
döndürür closest()
Yöntem, eşleşen bir bulgu bulunamazsa null
.
Ayrıca bakınız:
Örnek
Örnek 1
CSS seçicisi ".container" ile eşleşen en yakın elementi bulun:
const element = document.getElementById("myElement"); const closest = element.closest(".container");
Örnek 2
".container" veya ".wrapper" ile eşleşen en yakın elementi bulun:
const element = document.getElementById(".container, .wrapper"); const closest = element.closest(".container");
Grami
element.closest(selectors)
Parametre
Parametre | Tanım |
---|---|
selectors |
Gerekli. Bir veya daha fazla (virgülle ayrılmış) eşleşecek CSS seçicisi. Tamamen referansımızı görün: CSS Seçici Referans Kılavuzu. |
Dönüş değeri
Tür | Tanım |
---|---|
Nesne |
Belirtilen CSS seçicisi ile eşleşen en yakın ata elementi veya element kendisi. Eşleşen bir bulgu bulunamazsa, null döndürülür. Seçici geçersizse, SYNTAX_ERR istisnası tetiklenir. |
tarayıcı desteği
Tamamen destekleyen ilk closest()
Yöntemin tarayıcı sürümü:
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome 41 |
Edge 15 |
Firefox 35 |
Safari 9 |
Opera 28 |
2015 Yılı Mart | 2017 Yılı Nisan | 2015 Yılı Ocak | 2015 Yılı Ekim | 2015 Yılı Mart |
- Önceki sayfa cloneNode()
- Sonraki sayfa compareDocumentPosition()
- Bir üst seviyeye dön HTML DOM Elements nesnesi