JS查找父级控件

Question

<div id="div1">
  <table>
   <tr>
    <td>
       <input type="text" id="text1"......
    </td>
   </tr>
  </table>
</div>
问题是这样的。  我在页面中布置了2个DIV 。 我会检查 页面所有的控件。  如果输入值没有通过验证。 我要选中这个控件。
以上功能都做好了。
现在问题是  两个DIV   必然是有一个是隐藏的。  我验证控件输入的时候  想判断 这个Text 控件所属的DIV  是哪个。然后显示出这个DIV  隐藏另外一个以下是我的代码//寻找父级中的DIV  根据控件所属的DIV 调整  两个DIV的可见性
//控件所属的DIV设为可见   另外一个设为不可见
function ChangeDiv(textObj)
{
     
     var divObj = textObj.parentNode;
     var divTageName = divObj.type;
     for(var i =0;i<7;i++)
     {       
        if(divTageName=="div"||divTageName=="DIV")
        {
            alert(divObj.id);
            return;
        }
        divObj = divObj.parentNode;
        divTageName = divObj.type;
     }     
}这样  divObj.parentNode;  得到的值 总是 unfinde请教各位高手  我该如何实现。  我上面的JS 又错在哪里呢/

Answer 1

while(divObj){
    if(divObj.tagName.toLowerCase()=="DIV"){
        alert(divObj.id);
        break;
    }
    else{
        divObj =divObj.parentNode;
    }
}这样试试 。