如何通过js获取表单对象？

示例 html代码：

< div  id  ="div1" >
< table  id ="table1" >  
     < tr >< td >  
         < table  id ="table2" >  
             < tr  id  ="tr1" >< td  id ="td1" >< input  id  ="input1"  name ="name"  value ="niexiong"  onclick ="mouseOver()" > 123 </ td ></ tr >  
             < tr  id  ="tr2" >< td  id ="td2" > 456 </ td ></ tr >  
         </ table >  
     </ td ></ tr >  
</ table >    
</ div >

一、从页面点击表单元素，获取其他相关表单信息

// 从页面点击表单元素，获取其他相关表单信息
function  mouseOver() ... {
  var lObj;
  if(event)...{
  lObj=event.srcElement;   
  while(lObj && lObj.tagName!="INPUT") lObj=lObj.parentNode; 
  }
  var aa =lObj.id;
  alert(aa);
}

二、以某个对象为参照，获取子对象

// 得到table2的id
alert(document.getElementById( " table1 " ).rows[ 0 ].cells[ 0 ].childNodes[ 0 ].id);

// 获取内容
alert(document.getElementById( " table1 " ).rows[ 0 ].cells[ 0 ].childNodes[ 0 ].rows[ 0 ].cells[ 0 ].innerText);
alert(document.getElementById( " table1 " ).rows[ 0 ].cells[ 0 ].childNodes[ 0 ].rows[ 0 ].cells[ 0 ].innerHTML);
// 可以通过childNodes获取
alert(document.getElementById( " table1 " ).childNodes[ 0 ].childNodes[ 0 ].childNodes[ 0 ].childNodes[ 0 ].childNodes[ 0 ].childNodes[ 0 ].innerText );

// 获得td1行号
alert(document.getElementById( " table1 " ).rows[ 0 ].cells[ 0 ].childNodes[ 0 ].rows[ 0 ].cells[ 0 ].cellIndex);
// 获得tr1行号
alert(document.getElementById( " table1 " ).rows[ 0 ].cells[ 0 ].childNodes[ 0 ].rows[ 0 ].rowIndex);

三、以某个对象为参照，获取父对象

// 获取父对象,以input1为例：
// td1
alert(document.getElementById( " input1 " ).parentNode.id);
// tr1
alert(document.getElementById( " input1 " ).parentNode.parentNode.id);
// table2 
alert(document.getElementById( " input1 " ).parentNode.parentNode.parentNode.parentNode.id);
// 获取tr2
alert(document.getElementById( " input1 " ).parentNode.parentNode.parentNode.parentNode.childNodes[ 0 ].childNodes[ 1 ].id);
// 获取456
alert(document.getElementById( " input1 " ).parentNode.parentNode.parentNode.parentNode.childNodes[ 0 ].rows[ 1 ].cells[ 0 ].innerText);

四、注意

//注意获取父对象以tr1例：<table><tr> 关系有2层父关系(不理解)
//alert(document.getElementById("tr1").parentNode.parentNode.id);
//parentNode ：W3C DOM使用
//parentElement DHTML DOM使用