Phương pháp closest() của HTML DOM Element

Định nghĩa và cách sử dụng

closest() Phương pháp tìm kiếm phần tử trong cây DOM mà phù hợp với bộ chọn CSS được chỉ định.

closest() Phương pháp bắt đầu từ phần tử chính, sau đó là tổ tiên (cha, tổ phụ, ...), cho đến khi tìm thấy phần tử phù hợp.

Nếu không tìm thấy phần tử phù hợp, thì closest() Phương pháp trả về null。

Xin xem thêm:

Hướng dẫn đầy đủ về bộ chọn CSS

Phương pháp Element matches()

Mô hình

Ví dụ 1

Tìm phần tử gần nhất phù hợp với bộ chọn CSS ".container":

const element = document.getElementById("myElement");
const closest = element.closest(".container");

Thử ngay

Ví dụ 2

Tìm phần tử gần nhất phù hợp với ".container" hoặc ".wrapper":

const element = document.getElementById(".container, .wrapper");
const closest = element.closest(".container");

Thử ngay

Cú pháp

element.closest(selectors)

Tham số

Tham số Mô tả
selectors

Bắt buộc. Một hoặc nhiều (phân cách bằng dấu phẩy) bộ chọn CSS cần phù hợp.

Xin xem tài liệu đầy đủ của chúng tôi Tài liệu tham khảo bộ lọc CSS。

Giá trị trả về

Loại Mô tả
Object

Phần tử tổ tiên gần nhất hoặc phần tử chính phù hợp với bộ chọn CSS được chỉ định.

Nếu không tìm thấy phần tử phù hợp, sẽ trả về null.

Nếu bộ chọn无效, sẽ引发 SYNTAX_ERR ngoại lệ.

hỗ trợ trình duyệt

đầu tiên hoàn toàn hỗ trợ closest() Phiên bản trình duyệt của phương pháp:

Chrome Edge Firefox Safari Opera
Chrome
41		 Edge
15		 Firefox
35		 Safari
9		 Opera
28
Tháng 3 năm 2015 2017 tháng 4 2015 tháng 1 2015 năm 10 tháng Tháng 3 năm 2015