JavaScript 中的 contains()

时间:2019-08-23
本文章向大家介绍JavaScript 中的 contains(),主要包括JavaScript 中的 contains()使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

遇到 contains,首先要从一条题目开始。

查找两个节点的最近的一个共同父节点,可以包括节点自身

查找父节点,那就是 parentNode,那如何知道其中一个节点的父节点是否包含另外一个节点呢?那就涉及到我的知识盲区了。问了一下对桌,口吐出一句 contains。一脸懵逼不要紧,MDN来一波。https://developer.mozilla.org/zh-CN/docs/Web/API/Node/contains

使用 contains 暂时可以把火狐先放一放,Node.contains() 返回一个布尔值,来表示传入的节点是否为该节点的后代节点。所以,那道题也做出来了

1 function commonParentNode(oNode1, oNode2) {
2     if(oNode1.contains(oNode2)){
3         return oNode1;
4     }
5     else {
6         return commonParentNode(oNode1.parentNode, oNode2);
7     }
8 } 

哦豁,递归了一下下,可毕竟递归有点浪费资源,那我们换一种思路,可以循环一下吧

function commonParentNode(oNode1, oNode2) {
    for(;oNode1;oNode1 = oNode1.parentNode){
        if(oNode1.contains(oNode2)){
            return oNode1;
        }
    }
}

那火狐呢?下次来说

原文地址:https://www.cnblogs.com/pingzi-wq/p/11398449.html