1. 程式人生 > >js動態刪除table中的一行的方法

js動態刪除table中的一行的方法

//得到行物件 
function getRowObj(obj) 
{ 
var i = 0; 
while(obj.tagName.toLowerCase() != "tr"){ 
obj = obj.parentNode; 
if(obj.tagName.toLowerCase() == "table")return null; 
} 
return obj; 
} 
  
//根據得到的行物件得到所在的行數 
function getRowNo(obj){ 
	var trObj = getRowObj(obj); 
	var trArr = trObj.parentNode.children; 
	for(var trNo= 0; trNo < trArr.length; trNo++){ 
		if(trObj == trObj.parentNode.children[trNo]){ 
		alert(trNo+1); 
		} 
	} 
}

//刪除行 
function delRow(obj){ 
	var tr = this.getRowObj(obj); 
	if(tr != null){ 
		tr.parentNode.removeChild(tr); 
	}else{ 
		throw new Error("the given object is not contained by the table"); 
	} 
}