hasParent的设计

元素父子关系检查

原创于 2013-05-03 18:07:54 发布 · 131 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#hasParent #dom

本文介绍了一个简单的JavaScript函数，用于判断指定的HTML元素是否为另一个指定HTML元素的子元素。通过遍历元素的父节点链来实现这一功能。

场景：

判断指定的元素是否还有指定的父元素

代码设计：

/**
 *@name hasParent
 *@param {HTMLElement} node
 *@param {HTMLElement} parent
 *@return {Boolean}
/
function hasParent(node,parent){
        
        while(node){
              if(node == parent){
                     return true;
              }
 
              node = node.parentNode;
        }

        return false;
}