js判断是由含有a节点_怎么判断某个dom节点是否包含某个dom节点?
.center {
display: flex;
justify-content: center;
align-items: center;
}
.main {
width: 300px;
height: 300px;
background: red;
}
.con {
width: 200px;
height: 200px;
background: green;
}
.text {
width: 100px;
height: 100px;
background: yellow;
}
测试
var main = document.querySelector(".main");
var con = document.querySelector(".con");
var text = document.querySelector(".text");
text.addEventListener("click", function(e) {
console.log(main.contains(e.target));
console.log(con.contains(e.target));
console.log(main.contains(con));
console.log(con.contains(main));
})
console.log(isChildOf(con, main));
console.log(isChildOf(text, main));
console.log(isChildOf(main, con));
function isChildOf(child, parent) {
var parentNode;
if(child && parent) {
parentNode = child.parentNode;
while(parentNode) {
if(parent === parentNode) {
return true;
}
parentNode = parentNode.parentNode;
}
}
return false;
}
js判断是由含有a节点_怎么判断某个dom节点是否包含某个dom节点?相关推荐
- 动态加载子节点_微信小游戏开发之场景切换和常驻节点传递数据
主题 场景切换 场景间数据传递方式 小游戏全局背景音效 特别说明 CocosCreator微信小游戏开发系列文章,是我在逐步开发过程中,基于官方文档之上,记录一些重点内容,以及对官方文档中有些知识点的 ...
- 怎么判断噎到没噎到_怎么判断噎到没噎到
小孩子吃饭或者是吃任何食物的时候,都需要妈妈给打碎或者是切成可以吃的小块,以免孩子在吃的时候出现噎到的现象.如果孩子噎到会很吓人的,很容易造成窒息的可能,家长一定要注意孩子在玩耍过程中是否吃了不该吃的 ...
- python删除链表中重复的节点_剑指offer:删除链表中重复的节点
题目描述 在一个排序的链表中,存在重复的结点,请删除该链表中重复的结点,重复的结点不保留,返回链表头指针. 例如,链表1->2->3->3->4->4->5 处理后 ...
- react 判断图片是否加载完成_如何判断图片(img)是否已经加载成功--基于react...
我过去经常会问: 有没有一种方法去判断子类组件是否已经渲染完成? 答案当然是有的啦 componentDidMount(),在react component 已经渲染完成时 就会调用 compone ...
- python删除链表中重复的节点_删除链表中所有值与Python相同的节点的程序
假设我们有一个单链接列表和一个目标,则在删除所有值与目标相同的节点后,我们必须返回相同的链接. 因此,如果输入类似于[5,8,2,6,5,2,9,6,2,4],则输出将为[5.8.6.5.9.6.4, ...
- @vail 判断某字段在范围内_条件判断函数If,你真的会使用吗?实用技巧都掌握吗?...
If函数应该是每位亲最先接触的Excel函数,除了单条件判断意外,你还知道它的那些用法或技巧?如果你只会使用单条件判断,那你就Out了,详情请看下文. 一.单条件嵌套使用.目的:判断成绩所属的等级.方 ...
- 链表倒数第k个节点_面试题 02.02. 返回倒数第 k 个节点
实现一种算法,找出单向链表中倒数第 k 个节点.返回该节点的值.注意:本题相对原题稍作改动示例:输入: 1->2->3->4->5 和 k = 2 输出: 4 说明:给定的 k ...
- java 判断一个数字是2倍数_如何判断语言发育迟缓的原因|一个2岁半不会说话的案例...
前段时间,有邻居向我咨询,说自家孩子已经2岁半多了,还是不会说话,让我看看要不要紧.我就在小区和她儿子玩了一会儿. 小男孩长得白白嫩嫩胖乎乎,活泼可爱.他也挺喜欢我,会把捡到的树叶小树枝送给我.他要走 ...
- wpf展开树节点_【转】WPF TreeView如何展开到某个节点
初用WPF的TreeView控件,需要将树展开到某个特定的TreeViewItem,各种方法都尝试过,却发现代码总在某些情况下出错,然后仔细研究,才发现其中的曲折. 解决问题的思路是,得到从树的根节点 ...
最新文章
- 上传文件到服务器指定目录,文件名相同自动替换PHP实现代码
- Jfinal Generator 不需要生成带某个前缀的表名数组的方法
- R语言绘制堆叠条形图
- [导入]决定进入J2EE一探究竟
- 自己动手制作chm格式开源文档
- 11个笑话让你领悟人生
- Android开发周报:Google 推出AR SDK、Android 8.0 Oreo 最终版发布
- php wps 读取word内容,PHP中读取,写入和导出WORD文档的代码总结
- Graphpad prism8
- 人工神经网络分为哪两类,人工神经网络包括哪些
- W806/W801/W800多通道ADC同时使用
- mmall 项目实战(一)项目初始化
- 最完整苹果IOS个人开发账号升级方法-个人开发账号升级为公司开发者账号常见误区...
- 轨道六根数的含义汇总
- 使用 scoped-slot 去设置缩略图模版,成功上传图片之后回显,在进行编辑,保存成功,但是报错
- Webshell-Part1Part2
- 设置firefox背景为黑夜模式
- linux 下卸载torch,在Ubuntu14.04安装torch7笔记
- c语言编程单向,一道关于结构体和单向链表的C语言编程题求助各位大佬!!!...
- MD5 到底算不算一种加密算法?
热门文章
- AUTHORITY-CHECK常用事务代码
- Intel 酷睿i5 6300HQ与Intel 酷睿i7 6700HQ哪个好
- 汽车的燃油清洁剂有什么用处?
- QM模块常见检验分类术语
- 财经法规2013江苏模拟题
- pandas pivot 占比_数据处理进阶pandas入门(十八)
- |9 其他(linux特定的), 用来存放内核例行程序的文档.,Linux下的帮助命令
- 计算机C语言1000-1099,歷届重庆市计算机二级C语言考试试题及答案.doc
- php mssql生僻字,php生僻字的處理,插入數據庫被截斷,空白,亂碼解決辦法,php冷僻字處理...
- java改变this指向_$.on()方法和addEventListener改变this指向