Phương pháp HTML DOM gần nhất ()
❮ Đối tượng phần tửThí dụ
Tìm phần tử gần nhất phù hợp với bộ chọn CSS và tạo viền màu vàng cho nó:
var element = document.getElementById("myElement");
var closest =
element.closest(".container");
if (closest) {
closest.style.border = "10px solid yellow";
}
Định nghĩa và Cách sử dụng
Phương closest()thức này tìm kiếm cây DOM để tìm phần tử gần nhất phù hợp với bộ chọn CSS được chỉ định. Nó bắt đầu từ chính phần tử, sau đó kiểm tra cha mẹ, ông bà, v.v. cho đến khi tìm thấy một kết quả phù hợp. Nếu không tìm thấy kết quả phù hợp, phương thức này trả về null .
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ phương pháp này.
| Method | |||||
|---|---|---|---|---|---|
| closest() | 41.0 | 15.0 | 35.0 | 6.0 | 28.0 |
Cú pháp
element.closest(selectors)
Giá trị tham số
| 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. |
Chi tiết kỹ thuật
| Giá trị trả lại: |
Phần tử tổ tiên gần nhất hoặc chính phần tử phù hợp với (các) bộ chọn CSS được chỉ định. Nếu không có kết quả phù hợp nào được tìm thấy, giá trị null được trả về. Ném một ngoại lệ SYNTAX_ERR nếu (các) bộ chọn được chỉ định không hợp lệ. |
|---|
Các trang liên quan
Tham chiếu JavaScript: Phương thức element.matches () .
❮ Đối tượng phần tử