HTML DOM en yakın() Yöntemi
❮ Öğe NesnesiÖrnek
CSS seçiciyle eşleşen en yakın öğeyi bulun ve ona sarı bir kenarlık verin:
var element = document.getElementById("myElement");
var closest =
element.closest(".container");
if (closest) {
closest.style.border = "10px solid yellow";
}
Tanım ve Kullanım
Yöntem closest()
, belirtilen bir CSS seçiciyle eşleşen en yakın öğe için DOM ağacını arar. Öğenin kendisinde başlar, ardından bir eşleşme bulunana kadar ebeveyni, büyük ebeveyni vb. test eder. Bir eşleşme bulunamazsa, bu yöntem null değerini döndürür .
Tarayıcı Desteği
Tablodaki sayılar, yöntemi tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Method | |||||
---|---|---|---|---|---|
closest() | 41.0 | 15.0 | 35.0 | 6.0 | 28.0 |
Sözdizimi
element.closest(selectors)
Parametre Değerleri
Parameter | Description |
---|---|
selectors |
Required. Specifies one or more CSS selectors to match the element. These are used to select HTML elements based on their id, classes, types, attributes, values of attributes, etc. For multiple selectors, separate each selector with a comma. The returned element depends on which element that is first found in the document. Tip: For a list of all CSS Selectors, look at our CSS Selectors Reference. |
Teknik detaylar
Geri dönüş değeri: |
Belirtilen CSS seçicileriyle eşleşen en yakın üst öğe veya öğenin kendisi. Hiçbir eşleşme bulunamazsa, null döndürülür. Belirtilen seçici(ler) geçersizse bir SYNTAX_ERR istisnası atar. |
---|
İlgili Sayfalar
JavaScript Referansı: element.matches() yöntemi.
❮ Öğe Nesnesi