小菜菜js contains步骤求解

小菜菜js contains方法求解
if(typeof(HTMLElement)!="undefined") {  
  HTMLElement.prototype.contains=function (obj)  
  {  
  while(obj!=null&&typeof(obj.tagName)!="undefind"){//
  　　 　if(obj==this) return true;
　　　 　obj=obj.parentNode;//这边不是很理解 
  　　 }  
  return false;  
  }
 }

function hideMsgBox(theEvent){//theEvent不是很清楚
  if (theEvent){
  var browser=navigator.userAgent;
  if (browser.indexOf("Firefox")>0){//Firefox
  if (document.getElementById("contentid").contains(theEvent.relatedTarget)) {
  return//不是很理解
  }
  }
  if (browser.indexOf("MSIE")>0 || browser.indexOf("Presto")>=0){
  if (document.getElementById('contentid').contains(event.toElement)) {
  return;//不是很理解
   
 }
  }
  }
  document.getElementById("meumid").style.display = "block";
  document.getElementById("contentid").style.display = "none";
  }
小子分数只剩这么多了，没法给更多分，还望大侠不吝指点，拜谢

------解决方案--------------------

JScript code

if(typeof(HTMLElement)!="undefined"){
    /*下面这个对contains的扩展方法，主要功能是查找obj元素是否在一个指定的元素之中[或者是否直接与指定的元素一致][直白点，比如判断div_a是否在div_b之内]
       方法就是一直查找obj的父节点，
       如果其某一个父节点与指定的元素一致，则返回true。表明obj被指定的元素所包裹
       如果一直obj不存在父节点时还没有找到与指定元素一致的，则返回false，表明obj并不被指定的元素所包裹
     */   
    HTMLElement.prototype.contains=function (obj){   
        while(obj!=null&&typeof(obj.tagName)!="undefind"){//
            if(obj==this) return true;//这一句就是确认：obj在指定的元素之内 
            obj=obj.parentNode;//这边不是很理解:这一句就是查找指定元素的父节点，当前父节点与指定的元素不一致时，继续往上查找  
        }   
        return false;   
    }
}

function hideMsgBox(theEvent){//theEvent不是很清楚：event对象，用来获取事件源，可以通过它来获取触发事件的对象

//下面这句就是调用上面的扩展方法了：查找触发当前事件的对象[theEvent.relatedTarget]是否在contentid元素之内；
//theEvent.relatedTarget：这个是啥呢。直白点，当你对一个div点击时，这个就等于那个div元素对象
if (document.getElementById("contentid").contains(theEvent.relatedTarget)) {
    return//不是很理解
}