HTML DOM matches() 方法
实例
确定元素是否与 CSS 选择器匹配:
var element = document.getElementById("myElement");
if (element.matches(".container")) {
element.innerHTML = "This element matches the \".container\" CSS selector";
} else {
element.innerHTML = "This element does not match the \".container\" CSS selector";
}
亲自试一试 »if (element.matches(".container")) {
element.innerHTML = "This element matches the \".container\" CSS selector";
} else {
element.innerHTML = "This element does not match the \".container\" CSS selector";
}
定义和用法
matches() 方法返回一个布尔值，指示元素是否与特定的CSS选择器匹配。
提示: 有关所有CSS选择器的列表，请查看我们的 CSS 择器参考。
浏览器支持
表中的数字表示支持该方法的第一个浏览器版本。
| 方法 | |||||
|---|---|---|---|---|---|
| matches() | 33.0 | 18.0 | 34.0 | 7.0 | 21.0 |
语法
element.matches(selectors)
参数值
| 参数 | 描述 |
|---|---|
| selectors | 必需。指定一个或多个CSS选择器以匹配元素。它们用于根据id、类、类型、属性、属性值等选择HTML元素。 对于多个选择器，请用逗号分隔每个选择器。返回的元素取决于最先在文档中找到的元素（请参阅"更多示例"）。 提示: 有关所有CSS选择器的列表，请查看我们的 选择器参考。 |
技术细节
| 返回值: | 一个布尔值，指示CSS选择器是否可以匹配元素:
|
|---|
更多实例
实例
找出一个元素是否匹配多个选择器中的一个:
var element = document.getElementById("myElement");
if (element.matches(".container, .wrapper")) {
element.innerHTML = "This element matches either the \".container\" CSS selector or the \".wrapper\" selector.";
} else {
element.innerHTML = "This element does not match any of the selectors.";
}
亲自试一试 »if (element.matches(".container, .wrapper")) {
element.innerHTML = "This element matches either the \".container\" CSS selector or the \".wrapper\" selector.";
} else {
element.innerHTML = "This element does not match any of the selectors.";
}
相关页面
JavaScript 参考手册: element.closest() 方法。
