|
/*****不管是動(dòng)態(tài)生成還是靜態(tài)生成，此方法通殺******/
<html>
<head> <title>1</title> <script> //得到行對(duì)象 function getRowObj(obj) { var i = 0; while(obj.tagName.toLowerCase() != "tr"){ obj = obj.parentNode; if(obj.tagName.toLowerCase() == "table")return null; } return obj; } //根據(jù)得到的行對(duì)象得到所在的行數(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> |
|
|
