一个不常用的DOM原生API，closest
2021-07-09 04:08
阅读：465
YPE html>
标签：block rip viewport func 需求 结构 init doc function
1.closest
1.1 功能详解
功能：返回当前节点最近的匹配选择符的祖先元素
var el = document.querySelector(childSelector).closest(parentSelector);如下网页结构：
closest
1.1.1 比如想要通过.list来选取.con
document.querySelector(‘.list‘).closest(‘.con‘);结果：会返回
.con元素
1.1.2 如果childSelector参数和parentSelector参数相同
document.querySelector(‘.list‘).closest(‘.list‘);结果：会返回
.list元素
1.1.3 如果parentSelector没找到
document.querySelector(‘.list‘).closest(‘.tip‘);结果：会返回
null
1.2 应用案例
需求说明：用事件委托来获取当前点击区块的
data-option值
Document
小明
男
小华
男
小美
女
一个不常用的DOM原生API，closest
标签：block rip viewport func 需求 结构 init doc function
原文地址：https://www.cnblogs.com/cococe/p/9719652.html
评论
亲，登录后才可以留言！