javascript怎麼刪除 tr

javascript刪除tr的方法：先建立一個HTML範例檔案；然後定義好table表格；最後透過「function delete2(obj){...}」方法刪除tr元素即可。

本文操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

javascript怎麼刪除 tr？

Javascript 刪除tr 元素

Javascript

             function delete1(obj){
var tr=obj.parentNode.parentNode;
    var tbody=tr.parentNode;
    tbody.removeChild(tr);
}
//使用Jquery 删除
function delete2(obj){
$(obj).parent().parent().parent()[0].removeChild($(obj).parent().parent()[0]);
}
//该方式只是将TR 元素隐藏
function hide(obj){
$(obj).parent().parent().hide();
}

HTML

<table>
<tbody>
<tr>
<td>xxx1</td>
<td><span οnclick="delete1(this)">删除</span></td>
</tr>
<tr>
<td>xxx1</td>
<td><span οnclick="delete2(this)">删除</span></td>
</tr>
<tr>
<td>xxx1</td>
<td><span οnclick="hide(this)">隐藏</span></td>
</tr>
</tbody>
</table>

推薦學習：《javascript高級教學》

#

以上是javascript怎麼刪除 tr的詳細內容。更多資訊請關注PHP中文網其他相關文章！