JavaScriptでDOMを動的に追加し、表要素を削除

実現構想.
1.table,thead,tbody,tr,tdテーブルを作成します.ここでthead,tbodyは、テーブルヘッダとテーブル内の要素の関係をよりよく区別することができます.、2.id取得3をそれぞれ与える.4.removeChild()で削除するには、対応する親ノードと子ノードを見つけることが重要です.

	window.onload=function(){
		var oTxt1=document.getElementById('name');
		var oTxt2=document.getElementById('age');
		var oBtn1=document.getElementById('btn1');
		var oTab=document.getElementById('Tab');
		var ID=oTab.tbodies[0].rows.length;  //     ，ID 1，ID     ！
		
		oBtn1.onclick=function(){
			var oTr=document.createElement('tr');
			var oTd=document.createElement('td');
			oTd.innerHTML=ID++;	//    ID     ，
			oTr.appenChild(oTd);

			var oTd=document.createElement('td');
			oTd.innerHTML=oTxt1.value;   //        oTD
			oTr.appenChild(oTd);

			var oTd=document.createElement('td');
			oTd.innerHTML=oTxt2.value;  //        oTD
			oTr.appenChild(oTd);
 		
 			var oTd=document.createElement('td');
			oTd.innerHTML='<a href="javascript:;">  </a>';
			oTab.tbodies[0].removeChild(this.parentNode.parentNode)  //    body   a   td   tr
			
			oTr.appenChild(oTd);
			
			oTab.tbodies[0].appenChild(tr);
		}
}

  ：
  ：


	

		
ID
		
  
		
  
		
  
	

		

			
1
			
a
			
12
		
		

			
2
			
b
			
13
		
		

			
3
			
c
			
14