DOM共同父节点查找

题目描述

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

输入描述:

oNode1 和 oNode2 在同一文档中，且不会为相同的节点

我的解答：递归+contains函数的使用

function commonParentNode(oNode1, oNode2) {
    if(oNode1.contains(oNode2)) {
        return oNode1;
    }
    else {
        return commonParentNode(oNode1.parentNode,oNode2); // 递归的使用
    }
}

其他解法：

function commonParentNode(oNode1, oNode2) {
    for(;;oNode1=oNode1.parentNode) {
        if(oNode1.contains(oNode2)){ //注意是contains其中的字母s不能落下
            return oNode1;
        }
   }
}

javascript contains方法

IE有许多好用的方法，后来都被其他浏览器抄袭了，比如这个contains方法。如果A元素包含B元素，则返回true，否则false。唯一不支持这个方法的是IE的死对头firefox。

<div id="parent">
  <p>
    <strong id="child" >本例子会在火狐中会报错。strong>
  p>
div>

 var A = document.getElementById('parent'),
    B = document.getElementById('child');
    alert(A.contains(B));  //true
    alert(B.contains(A));  //false