一个不常用的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


评论


亲,登录后才可以留言!