Phần tử DOM HTML khớp()
Ví dụ
Phần tử có khớp với bộ chọn CSS không?
const element = document.getElementById("demo");
let answer = element.matches(".container");
Hãy tự mình thử »Phần tử có khớp với một trong hai bộ chọn không?:
const element = document.getElementById("demo");
let answer = element.matches(".container, .wrapper");
Hãy tự mình thử »Sự miêu tả
Phương matches()
trả về true
nếu một phần tử khớp với (các) bộ chọn CSS cụ thể.
matches()
trả về false
nếu không.Cú pháp
element .matches( selectors )
Thông số
Parameter | Description |
selectors |
Required. One or more (comma separeted) CSS selectors to match. The returned element is the first found in the document. See our Complete CSS Selectors Reference . |
Giá trị trả về
Kiểu | Sự miêu tả |
Boolean | true - Phần tử khớp với bộ chọn CSS.false - Phần tử không khớp với bộ chọn CSS. |
Hỗ trợ trình duyệt
Các phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ matches()
:
Chrome 33 |
Edge 15 |
Firefox 34 |
Safari 7 |
Opera 21 |
Feb 2014 | Apr 2017 | Dec 2014 | Oct 2013 | May 2014 |