得到行對象,根據(jù)得到的行對象得到所在的行數(shù),刪除行

宇玲 2009-10-31

展開全文

/*****不管是動態(tài)生成還是靜態(tài)生成，此方法通殺******/

<html>
<head>
<title>1</title>
<script>
//得到行對象
function getRowObj(obj)
{
   var i = 0;
   while(obj.tagName.toLowerCase() != "tr"){
    obj = obj.parentNode;
    if(obj.tagName.toLowerCase() == "table")return null;
   }
   return obj;
}

//根據(jù)得到的行對象得到所在的行數(shù)
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");
   }
}
</script>
</head>

<body>
<table border = "1">
<tr>
<td>A<input type="button" value="A" onclick="getRowNo(this)">getRowNo<td>
</tr>
<tr>
<td>B<input type="button" value="B" onclick="delRow(this)">delRow<td>
</tr>
<tr>
<td>C<input type="button" value="C" onclick="getRowNo(this)">getRowNo</td>
</tr>
<tr>
<td>D<input type="button" value="D" onclick="getRowNo(this)">getRowNo</td>
</tr>
</table>
</body>
<html>