一个不常用的DOM原生API,closest
2021-07-09 04:08
阅读:464
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
文章来自:搜素材网的编程语言模块,转载请注明文章出处。
文章标题:一个不常用的DOM原生API,closest
文章链接:http://soscw.com/index.php/essay/102612.html
文章标题:一个不常用的DOM原生API,closest
文章链接:http://soscw.com/index.php/essay/102612.html
评论
亲,登录后才可以留言!