js删除tr

引用
以下来自网络摘

<html> 
<head> 
<title>javascript删除talbe中的一行</title> 
<script type="text/javascript"> 
function Goto(){} 
function deleteCurrentRow(obj){ 
var tr=obj.parentNode.parentNode; 
alert(tr);
var tbody=tr.parentNode; 
alert(tr);
tbody.removeChild(tr); 
} 
</script> 
</head> 
<body> 
<table cellspacing="0" rules="all" bordercolor="#CCCCCC" border="1" id="dgFlowList" style="border-color:#CCCCCC;border-width:1px;border-style:solid;width:98%;border-collapse:collapse;MARGIN: 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> 

引用
2.

<HTML>
<SCRIPT LANGUAGE="JScript">


function numberCells() 
{
var count=0;
for (i=0; i < document.all.mytable.rows.length; i++)
{
for (j=0; j < document.all.mytable.rows(i).cells.length; j++) 
{
document.all.mytable.rows(i).cells(j).innerText = count;
count++;
}
}
}

function tb_addnew()
{
var ls_t=document.all("mytable")
maxcell=ls_t.rows(0).cells.length;
mynewrow = ls_t.insertRow();
for(i=0;i<maxcell;i++)
{
mynewcell=mynewrow.insertCell();
mynewcell.innerText="a"+i;

}
}

function tb_delete()
{
var ls_t=document.all("mytable");

ls_t.deleteRow() ;
}

</SCRIPT>
<BODY onload="numberCells()">
<TABLE id=mytable border=1>
<TR><TH> </TH><TH> </TH><TH> </TH><TH> </TH></TR>
<TR><TD> </TD><TD> </TD><TD> </TD><TD> </TD></TR>
<TR><TD> </TD><TD> </TD><TD> </TD><TD> </TD></TR>
</TABLE>
<input type=button value="新增" onclick="tb_addnew()">
<input type=button value="删除" onclick="tb_delete()" >
</BODY>
</HTML> 

你可能感兴趣的:(JavaScript,html,J#)