JS中通用的contains方法判断两个节点的关系

柔光的暖阳◎ 2022-06-06 04:23 144阅读 0赞

**“我生本无乡,心安是归处”**

function contains(refNode, otherNode){ 
        if (typeof refNode.contains == "function" &&
        (!client.engine.webkit || client.engine.webkit >= 522)){
        return refNode.contains(otherNode);
        } else if (typeof refNode.compareDocumentPosition == "function"){
        return !!(refNode.compareDocumentPosition(otherNode) & 16);
        } else {
        var node = otherNode.parentNode;
        do {
        if (node === refNode){
            return true;
        } else {
            node = node.parentNode;
        }
        } while (node !== null);
            return false;
        }
    }

这个函数组合使用了三种方式来确定一个节点是不是另一个节点的后代。函数的第一个参数是参考节点，第二个参数是要检查的节点。在函数体内，首先检测 refNode 中是否存在 contains() 方法（能力检测）。这一部分代码还检查了当前浏览器所用的 WebKit 版本号。如果方法存在而且不是 WebKit（ !client.engine.webkit ），则继续执行代码。否则，如果浏览器是 WebKit 且至少是 Safari 3（WebKit版本号为 522 或更高），那么也可以继续执行代码。在 WebKit 版本号小于 522 的 Safari 浏览器中，contains() 方法不能正常使用。  
接下来检查是否存在 compareDocumentPosition() 方法，而函数的最后一步则是自 otherNode开始向上遍历 DOM 结构，以递归方式取得 parentNode ，并检查其是否与 refNode 相等。在文档树的顶端， parentNode 的值等于 null ，于是循环结束。这是针对旧版本 Safari 设计的一个后备策略

发表评论取消回复

表情：

评论列表（有 0 条评论，144人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS 3 个判断数组的方法

1. Object.prototype.toString.call() 每一个继承 Object 的对象都有 `toString` 方法，如果 `toString` 方法没有

小鱼儿/ 2023年10月11日 12:31/ 0 赞/ 19 阅读

相关 js 判断两个数组是不是子集关系

目前还有些限制，比如连续嵌套数组的情况，有办法解决的欢迎指点一下 const obj1 = \[\{ a: 1 \}, \{ a: 1, b: 2 \}

柔光的暖阳◎/ 2022年12月15日 02:22/ 0 赞/ 214 阅读

相关 js判断两个日期是否相等的方法

> 大家一定遇到过这样的情况，有两个日期对象，然后需要判断他们是否相等，下面来说下判断的方法例如： var date1 = new Date("2013-11-2

电玩女神/ 2022年11月17日 10:14/ 0 赞/ 207 阅读

相关求树中两个节点的最低公共父节点

这个题目其实是具有二义性的，因为没有对树的结构进行说明，例如二叉树搜索树，具有指向父节点引用的树，和普通的树，针对三种情况对应的处理方式是不同的，接下来我们结合三种情况来具体分

水深无声/ 2022年06月17日 01:19/ 0 赞/ 184 阅读

相关 JS 如何判断两个对象相等

摘抄自大神博客：[https://github.com/mqyqingfeng/Blog/issues/41][https_github.com_mqyqingfeng_Blo

清疚/ 2022年06月06日 04:47/ 0 赞/ 252 阅读

相关 JS中通用的contains方法判断两个节点的关系

“我生本无乡,心安是归处” function contains(refNode, otherNode){ if (typeof refNode.co

柔光的暖阳◎/ 2022年06月06日 04:23/ 0 赞/ 145 阅读

相关如何用JS判断两个数字的大小

前言：在判断之前我们要先知道，js中的var定义的变量默认是字符串，如果单纯的比较字符串的话，会出现错误，需要先转化为int类型在做比较。【备注：110和18在你写的程

喜欢ヅ旅行/ 2022年03月19日 04:57/ 0 赞/ 350 阅读

相关 js中判断两个字符串是否相等

js中判断两个字符串是否相等 java中使用equals方法判断两个字符串是否相等，在js中用equals方法会报错：equals不是方法，在js中使用== 号和=

短命女/ 2022年03月09日 10:22/ 0 赞/ 752 阅读

相关 js中怎么判断两个日期的大小

日期 this.PlanEndTime = "2018/9/10" this.PlanStartTime = "2018/12/20"

分手后的思念是犯贱/ 2022年01月12日 04:27/ 0 赞/ 242 阅读

相关如何用JS判断两个数字的大小

在有一次用js写前端代码时，需求是输入的优惠价格不能超过原价，先在前端进行判断，却发现怎么也不进条件体。 var price = values.price;

男娘i/ 2021年09月14日 14:40/ 0 赞/ 344 阅读