HTML DOM terdekat () Metode
Objek ElemenContoh
Temukan elemen terdekat yang cocok dengan pemilih CSS dan beri batas kuning:
var element = document.getElementById("myElement");
var closest =
element.closest(".container");
if (closest) {
closest.style.border = "10px solid yellow";
}
Definisi dan Penggunaan
Metode closest()
ini mencari pohon DOM untuk elemen terdekat yang cocok dengan pemilih CSS yang ditentukan. Itu dimulai pada elemen itu sendiri, kemudian menguji induk, kakek-nenek, dan seterusnya hingga kecocokan ditemukan. Jika kecocokan tidak ditemukan, metode ini mengembalikan null .
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung metode ini.
Method | |||||
---|---|---|---|---|---|
closest() | 41.0 | 15.0 | 35.0 | 6.0 | 28.0 |
Sintaksis
element.closest(selectors)
Nilai Parameter
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. |
Detail Teknis
Nilai Kembali: |
Elemen ancestor terdekat, atau elemen itu sendiri, yang cocok dengan pemilih CSS yang ditentukan. Jika tidak ada kecocokan yang ditemukan, null dikembalikan. Melempar pengecualian SYNTAX_ERR jika pemilih yang ditentukan tidak valid. |
---|
Halaman Terkait
Referensi JavaScript: Metode element.matches() .
Objek Elemen