IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

判断元素包含关系的一些方法

记事本 2010-09-11 09:51:43 累计浏览 1,630 次
本机暂存

在很多场景下,要判断一个元素是不是包含另一个元素,总结了一下,有下列的方法:

一,遍历节点树,这个方法是最容易的,也没有什么兼容性问题。在“mouseenter和mouseleave”这篇日志中有演示,可以看一下。

二,对于IE浏览器,DOM元素有个contains的方法可以判断包含关系。比如div1.contains(div2),如果返回的结果为true就说明div1包含了div2,反之亦然。

三,DOM3的Node.compareDocumentPosition方法。
(div1.compareDocumentPosition(div2) & 0×10) === 0×10如果为true的话,说明div1包含div2。
详细的文档见:https://developer.mozilla.org/en/DOM/Node.compareDocumentPosition

同分类推荐文章

  1. 对基本有序的序列排序算法 (2026-06-11 17:46:49)
  2. Four Levels Of Customer Understanding (2026-05-22 21:00:00)
  3. 除法的意义 (2026-04-12 20:52:17)

查看更多 算法 文章 →

建议继续学习

  1. 如何高效使用搜索引擎 (累计阅读 36,792)
  2. 你是那10%可以实现二分查找算法的程序员吗? (累计阅读 7,850)
  3. 更快的IP库查找方法以及AWK中的二分查找 (累计阅读 6,557)
  4. 垂直搜索新问题 (累计阅读 2,204)
  5. 野兽渡河问题 (累计阅读 1,733)
  6. IMO2012趣题:带有说谎的猜数游戏 (累计阅读 1,641)