HTML DOM closest() 方法
实例
找到与 CSS 选择器匹配的最近元素，并给它一个黄色边框:
var element = document.getElementById("myElement");
var closest = element.closest(".container");
if (closest) {
closest.style.border = "10px solid yellow";
}
亲自试一试 »var closest = element.closest(".container");
if (closest) {
closest.style.border = "10px solid yellow";
}
定义和用法
closest() 方法在DOM树上搜索与指定CSS选择器匹配的最近元素。它从元素本身开始，然后测试父对象、祖父母等，直到找到匹配项。如果未找到匹配项，此方法将返回 null。
浏览器支持
表中的数字表示支持该方法的第一个浏览器版本。
| 方法 | |||||
|---|---|---|---|---|---|
| closest() | 41.0 | 15.0 | 35.0 | 6.0 | 28.0 |
语法
element.closest(selectors)
参数值
| 参数 | 描述 |
|---|---|
| selectors | 必需。指定一个或多个CSS选择器以匹配元素。它们用于根据id、类、类型、属性、属性值等选择HTML元素。 对于多个选择器，请用逗号分隔每个选择器。返回的元素取决于最先在文档中找到的元素。 提示：有关所有CSS选择器的列表，请查看我们的 CSS 选择器参考。 |
技术细节
| 返回值: | 与指定的CSS选择器匹配的最近的祖先元素或元素本身。如果未找到匹配项，则返回 null。 如果指定的选择器无效，则引发 SYNTAX_ERR 异常。 |
|---|
相关页面
JavaScript 参考手册: element.matches() 方法
