js怎么删除一个table

JavaScript023

js怎么删除一个table,第1张

删除可以分为两种：

1.隐藏table元素，但是table实际还存在。设置style属性display=none即可

2.直接删除table元素，$('#myTable').remove()

<html>

<head>

<title></title>

<script type="text/javascript">

function Goto(){}

function deleteCurrentRow(obj){

var tr=obj.parentNode.parentNode

var tbody=tr.parentNode

tbody.removeChild(tr)

}

</script>

</head>

<body>

<table cellspacing="0" rules="all" bordercolor="#CCCCCC" border="1" id="dgFlowList" style="border-color:#CCCCCCborder-width:1pxborder-style:solidwidth:98%border-collapse:collapseMARGIN: 5px 0px">

<tr class="DataGrid_HeaderStyle" nowrap="nowrap" align="Center">

<td>流程名称</td><td>表单名称</td><td>上传附件</td><td>操作</td>

</tr>

<tr>

<td style="width:35%">请假单1</td>

<td style="width:35%">请假单</td>

<td align="Center" style="width:10%">不允许</td>

<td align="Center" style="width:20%">

<a href="javascript:Goto()" onclick='{if(confirm("确定要删除【请假单1】这个流程吗?")) {deleteCurrentRow(this)}else {}}'>删除</a>

</td>

</tr>

<tr>

<td style="width:35%">请假单2</td>

<td style="width:35%">请假单</td>

<td align="Center" style="width:10%">不允许</td>

<td align="Center" style="width:20%">

<a href="javascript:Goto()" onclick='{if(confirm("确定要删除【请假单2】这个流程吗?")) {deleteCurrentRow(this)}else {}}'>删除</a>

</td>

</tr>

<tr>

<td style="width:35%">请假单3</td>

<td style="width:35%">请假单</td>

<td align="Center" style="width:10%">不允许</td>

<td align="Center" style="width:20%">

<a href="javascript:Goto()" onclick='{if(confirm("确定要删除【请假单3】这个流程吗?")) {deleteCurrentRow(this)}else {}}'>删除</a>

</td>

</tr>

<tr>

<td style="width:35%">请假单4</td>

<td style="width:35%">请假单</td>

<td align="Center" style="width:10%">不允许</td>

<td align="Center" style="width:20%">

<a href="javascript:Goto()" onclick='{if(confirm("确定要删除【请假单4】这个流程吗?")) {deleteCurrentRow(this)}else {}}'>删除</a>

</td>

</tr>

</table>

</body>

</html>