应用JavaScript动态删除单行表格的方法
日期：2014-05-16 浏览次数：20376 次
使用JavaScript动态删除单行表格的方法
最近帮同学做一个Ajax小控件，遇到了一个动态删除表格行的问题。经过反复试验后，以下代码在FF和IE（相当鄙视）中均有效：
页面部分：
JavaScript部分（a.js）
最近帮同学做一个Ajax小控件，遇到了一个动态删除表格行的问题。经过反复试验后，以下代码在FF和IE（相当鄙视）中均有效：
页面部分：
<html> <head> <title>Insert title here</title> <script type="text/javascript" src="a.js"></script> </head> <body> <table id="tableI" cellpadding="1" cellspacing="1" border="1"> <tr> <td>0a</td> <td>aa</td> <td><button onclick="a(this)">bbb</button> </tr> <tr> <td>1a</td> <td>aa</td> <td><button onclick="a(this)">bbb</button> </tr> <tr> <td>2a</td> <td>aa</td> <td><button onclick="a(this)">bbb</button> </tr> <tr> <td>3a</td> <td>aa</td> <td><button onclick="a(this)">bbb</button> </tr> <tr> <td>4a</td> <td>aa</td> <td><button onclick="a(this)">bbb</button> </tr> <tr> <td>5a</td> <td>aa</td> <td><button onclick="a(this)">bbb</button> </tr> <tr> <td>6a</td> <td>aa</td> <td><button onclick="a(this)">bbb</button> </tr> </table> </body> </html>
JavaScript部分（a.js）
var tableI;//要找到的table
var trI;//要删除的tr
var index;//tr所在table的index，从0开始
function a(obj) {
tableI = document.getElementById("tableI");//找到要删除行所在的teble
trI = obj.parentNode.parentNode;//我的button在tr下的td中，两次执行.parentNode操作，可以找到要删除的tr。
index = trI.rowIndex;//要删除的tr所在table中的index
tableI.deleteRow(index);//执行删除
}
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
