引用
以下来自网络摘
<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>
分享到:
相关推荐
js再 tr 后面追加 tr ,删除当前tr,提交方法校验tr的所有name值,页面回显tr td的值
介绍了js动态给table添加/删除tr的方法,有需要的朋友可以参考一下
下面小编就为大家带来一篇js实现table添加行tr、删除行tr、清空行tr的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
js操作HTML增加删除TR/TD (学前班级别的哈!)
最近由于项目的需要,需要动态的添加和删除table中的tr,感觉用JS可以实现,但是在网上找了一下,单纯的自己写JS,感觉太...这篇文章给大家用实例介绍了jQuery动态添加与删除tr行的方法,有需要的朋友们可以参考借鉴。
html: 代码如下: ’wifi_clients_table’ xss=removed class=”table> <thead> <tr class=”success”> 序号</th> 机器名</th> <th>IP地址</th> <th>MAC地址</th> 上行/下行速率</th> </tr> </thead>...</table> js:
js实现添加删除表格操作 本文实例为大家分享了js实现添加删除表格的具体代码,供大家参考,具体内容如下 效果: 1、点击添加按钮 往table中添加一行 将全选前面的复选框变成false 1.1.当前新增的复选框加上点击...
使用javascript实现table动态增加删除行列。
关于JS删除String里的字符的方法,一般使用replace()方法。但是这个方法只会删除一次,如果需要将string里的所以字符都删除就要用到正则。 var str = "abcdaabbssaaa"; var reg = new RegExp("a","g"); var a = str...
* 1、<script language="javascript" src="js/addContentRow.js"> * 2、 * <!-- 附件部分 --> * * <tr></tr> * <tr bgcolor="#FFFFFF"> * * <a href="javascript:addpicrow();">增加 * ...
本文实例讲述了JavaScript实现节点的删除与序号重建。分享给大家供大家参考。具体如下: 这里演示JavaScript节点的删除与重建方法,删除节点后,会自动重新建立节点,序号自动排列,比如删除当前的第3条数据后,第4...
flexigrid表格控件的使用实例,实现了和struts1.3的集成,实现了动态添加和删除。 文档包括: user_mgr.jsp ,jsp页面 UserAction.jsp ,控制层Action js包,相关的js jar使用到的jar包
var trs = BaseJs.getByTagName("tr",BaseJs.$("tab")); for (var i = 0; i ; i++) { trs[i].style.background = '#FAFCFE'; } tr.style.background = '#B8CCF0'; } } }, // 保存新增或更新操作 ...
var trs = BaseJs.getByTagName("tr",BaseJs.$("tagList")); for (var i = 0; i ; i++) { trs[i].style.background = '#FAFCFE'; } tr.style.background = '#B8CCF0'; } } ...
又一个动态控制表格的效果,用JavaScript动态生成表格行、表格列,以及还可动态删除这些行列,行等,运行代码后,点击对应的功能按钮,即可实现对应的表格操作功能。 1.jsp <tr> 产品名称 编号 数量 重量 操作 ...
删除行 代码如下:[removed] function del(obj) { obj[removed][removed].removeNode(true); } [removed] <body> <tr> 单元格1 <td><input type=button value=”delete this row” onclick...