怎样用JavaScript删除表格中的一行?

可以用deleteRow这个方法。
首先要明白一行是用<tr>这个标签,删除一行有个前提,就是每个tr标签要给一个单独的id,比如这样的html代码:

<table id=’table1′>
<tr id=’line1′><td>liuwei is</td></tr>
<tr id=’line2′><td>not</td></tr>
<tr id=’line3′><td>handsome!</td></tr>
</table>

然后有这样的一个JavaScript函数:

function delTrById(tableId, trId){
 var table_obj = document.getElementById(tableId); 
 var tr_obj = document.getElementById(trId) ;
 if(tr_obj){
  trIndex=tr_obj.rowIndex;
  table_obj.deleteRow(trIndex);
 }
}

于是当你调用delTrById("table1", "line2");之后,table应该是什么样的?
咳,当然这里的变量命名是乱了点。。看懂就好。。

Copyright © 2007. All Rights Reserved.

发表评论

电子邮件地址不会被公开。 必填项已用*标注