.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节点?相关推荐

  1. 动态加载子节点_微信小游戏开发之场景切换和常驻节点传递数据

    主题 场景切换 场景间数据传递方式 小游戏全局背景音效 特别说明 CocosCreator微信小游戏开发系列文章,是我在逐步开发过程中,基于官方文档之上,记录一些重点内容,以及对官方文档中有些知识点的 ...

  2. 怎么判断噎到没噎到_怎么判断噎到没噎到

    小孩子吃饭或者是吃任何食物的时候,都需要妈妈给打碎或者是切成可以吃的小块,以免孩子在吃的时候出现噎到的现象.如果孩子噎到会很吓人的,很容易造成窒息的可能,家长一定要注意孩子在玩耍过程中是否吃了不该吃的 ...

  3. python删除链表中重复的节点_剑指offer:删除链表中重复的节点

    题目描述 在一个排序的链表中,存在重复的结点,请删除该链表中重复的结点,重复的结点不保留,返回链表头指针. 例如,链表1->2->3->3->4->4->5 处理后 ...

  4. react 判断图片是否加载完成_如何判断图片(img)是否已经加载成功--基于react...

    我过去经常会问: 有没有一种方法去判断子类组件是否已经渲染完成? 答案当然是有的啦  componentDidMount(),在react component 已经渲染完成时 就会调用 compone ...

  5. python删除链表中重复的节点_删除链表中所有值与Python相同的节点的程序

    假设我们有一个单链接列表和一个目标,则在删除所有值与目标相同的节点后,我们必须返回相同的链接. 因此,如果输入类似于[5,8,2,6,5,2,9,6,2,4],则输出将为[5.8.6.5.9.6.4, ...

  6. @vail 判断某字段在范围内_条件判断函数If,你真的会使用吗?实用技巧都掌握吗?...

    If函数应该是每位亲最先接触的Excel函数,除了单条件判断意外,你还知道它的那些用法或技巧?如果你只会使用单条件判断,那你就Out了,详情请看下文. 一.单条件嵌套使用.目的:判断成绩所属的等级.方 ...

  7. 链表倒数第k个节点_面试题 02.02. 返回倒数第 k 个节点

    实现一种算法,找出单向链表中倒数第 k 个节点.返回该节点的值.注意:本题相对原题稍作改动示例:输入: 1->2->3->4->5 和 k = 2 输出: 4 说明:给定的 k ...

  8. java 判断一个数字是2倍数_如何判断语言发育迟缓的原因|一个2岁半不会说话的案例...

    前段时间,有邻居向我咨询,说自家孩子已经2岁半多了,还是不会说话,让我看看要不要紧.我就在小区和她儿子玩了一会儿. 小男孩长得白白嫩嫩胖乎乎,活泼可爱.他也挺喜欢我,会把捡到的树叶小树枝送给我.他要走 ...

  9. wpf展开树节点_【转】WPF TreeView如何展开到某个节点

    初用WPF的TreeView控件,需要将树展开到某个特定的TreeViewItem,各种方法都尝试过,却发现代码总在某些情况下出错,然后仔细研究,才发现其中的曲折. 解决问题的思路是,得到从树的根节点 ...

最新文章

  1. 上传文件到服务器指定目录,文件名相同自动替换PHP实现代码
  2. Jfinal Generator 不需要生成带某个前缀的表名数组的方法
  3. R语言绘制堆叠条形图
  4. [导入]决定进入J2EE一探究竟
  5. 自己动手制作chm格式开源文档
  6. 11个笑话让你领悟人生
  7. Android开发周报:Google 推出AR SDK、Android 8.0 Oreo 最终版发布
  8. php wps 读取word内容,PHP中读取,写入和导出WORD文档的代码总结
  9. Graphpad prism8
  10. 人工神经网络分为哪两类,人工神经网络包括哪些
  11. W806/W801/W800多通道ADC同时使用
  12. mmall 项目实战(一)项目初始化
  13. 最完整苹果IOS个人开发账号升级方法-个人开发账号升级为公司开发者账号常见误区...
  14. 轨道六根数的含义汇总
  15. 使用 scoped-slot 去设置缩略图模版,成功上传图片之后回显,在进行编辑,保存成功,但是报错
  16. Webshell-Part1Part2
  17. 设置firefox背景为黑夜模式
  18. linux 下卸载torch,在Ubuntu14.04安装torch7笔记
  19. c语言编程单向,一道关于结构体和单向链表的C语言编程题求助各位大佬!!!...
  20. MD5 到底算不算一种加密算法?

热门文章

  1. AUTHORITY-CHECK常用事务代码
  2. Intel 酷睿i5 6300HQ与Intel 酷睿i7 6700HQ哪个好
  3. 汽车的燃油清洁剂有什么用处?
  4. QM模块常见检验分类术语
  5. 财经法规2013江苏模拟题
  6. pandas pivot 占比_数据处理进阶pandas入门(十八)
  7. |9 其他(linux特定的), 用来存放内核例行程序的文档.,Linux下的帮助命令
  8. 计算机C语言1000-1099,歷届重庆市计算机二级C语言考试试题及答案.doc
  9. php mssql生僻字,php生僻字的處理,插入數據庫被截斷,空白,亂碼解決辦法,php冷僻字處理...
  10. java改变this指向_$.on()方法和addEventListener改变this指向