js删除tr

最新推荐文章于 2023-08-02 15:40:58 发布
最新推荐文章于 2023-08-02 15:40:58 发布
阅读量382 收藏 1
点赞数
分类专栏： javascript 文章标签： JavaScript J# HTML ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xfyjg/article/details/83457926
版权
[quote]以下来自网络摘[/quote] 
<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>

[quote]2.[/quote] 
<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>

xfyjg
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js实现批量删除
Sir_He的博客
08-03 4063
&lt;c:forEach items="${itemsList }" var="item"&gt;                 &lt;tr&gt;                     &lt;td&gt;&lt;input type="checkbox" name="items_id" value="${item.id}" /&g
js 批量删除功能
wuzengman的博客
11-16 1万+
其实批量删除就是cehckbox 属性，首先解释 点击全选 CheckAll(this);  function CheckAll(event){     var checked = event.checked; //把选中这个属性赋值给一个变量     $('#ptagTbody input[type:"checkbox"]').prop('checked', checked);  //把p...
JavaScript table动态删除tr
qq_43137834的博客
01-05 1038
【代码】JavaScript table动态删除tr。
js将table生成excel文件并去除表格中的多余tr（js去除表格中空的tr标签）
C站全栈优质创作者、阿里云受邀博主专家，喜欢结识新伙伴寻找志同道合的朋友，欢迎一起探讨学习
08-08 1026
由于数据非常的乱，php的方法肯定是行不通了，于是我打算 用前端的方法将table表中的数据下载下来。于是乎 ，我打印看了下源代码，发现多了很多tr标签。做好了之后，可以正常使用，将数据库的信息筛选出来。，其他网上的我的没有成功，这个可以解决。但是下载下来的文件，出现空格。可以参考这个文件，很有用。对方加了一个功能下载，将其替换掉 完美解决。......
js在最后一个 tr 后面追加新的tr，js删除当前tr
最新发布
凉梦的博客
08-02 854
【代码】js在指定tr后面追加tr，js删除当前tr。
超好用的删除行tr js代码
wtfsb的博客
09-26 1095
DOCTYPE html> html> head>     meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>     title>title>     style type="text/css">         td{             height:30px
js动态给table添加/删除tr的方法
10-27
在JavaScript中，动态地向HTML表格（`<table>`元素）添加或删除行（`<tr>`元素）是一项常见的任务，特别是在实现数据编辑、表单填充等交互功能时。本篇将详细介绍如何使用JavaScript实现这一功能，以供需要的朋友...
jquery 追加tr和删除tr示例代码
10-26
<script type="text/javascript" src="js/jquery-1.7.1.min.js"> ``` 这行代码会加载 jQuery 1.7.1 版本，以便后续的 JavaScript 代码能够使用 jQuery 的功能。 接着，我们定义了一个名为 `$(function(){ ... })` ...
js实现table添加行tr、删除行tr、清空行tr的简单实例
10-21
本实例主要展示了如何使用JavaScript来实现对表格（`<table>`）中的行（`<tr>`）进行添加、删除和清空的操作。我们将深入探讨这些功能的实现细节。 1. **添加行（`<tr>`）** 添加行的功能通过`insertRow()`方法...
html快捷添加10行tr,JS实现添加和删除TR行（一）
weixin_36473855的博客
06-05 1320
经过在网上的查找，终于弄好了JS添加和删除TR的效果。JS代码如下：添加tr的JS代码function addRemark(){//table_name 是table的idvar tr = document.getElementById("table_name").insertRow();//添加一个tdvar td1 = tr.insertCell();td1.width="75px";//设置...
js删除table某tr中遇到的坑
soulgazer的博客
06-12 832
在某次执行动态加载数据到某table中时，由于想保留第一行的信息栏，像这样 描述 当前记录 更新时间
JS实现添加和删除TR行（一）
Cynthia9023的专栏
09-11 5425
经过在网上的查找，终于弄好了JS添加和删除TR的效果。 JS代码如下： 添加tr的JS代码 function addRemark(){ //table_name 是table的id var tr = document.getElementById("table_name").insertRow(); //添加一个td var td1 = tr.insertCell();
Javascript 删除tr 元素
weixin_34026484的博客
07-15 1019
Javascript 删除tr 元素   [javascript] view plaincopyprint?                              function delete1(obj){       var tr=obj.parentNode.parentNode;       var tbody=tr.parentNode;  ...
js动态增加，删除td，tr，table，div
迷彩风情
01-26 743
js实现的动态添加，删除table内容： 截图如下： 1. 2. 源代码： main.css body { background-image: url(../images/qiantai/bg.png); font-family: arial; font-size: 12px; color: #d4d7da; text-align: center; back...
js指定tr添加一行，删除一行
热门推荐
b422761838的专栏
08-09 1万+
0   1 在此行下插入新行   2 function instTR(){    var tab=document.getElementById('tab');    var n=document.getElementById('x').rowIndex+1;    var tr=tab.insertRow(n);    var td=tr.inser
js动态新增、删除table中的tr、td、input
mameng1988的博客
04-09 5505
最近做的项目需要实现动态新增、删除table中的tr、td、input，这里记录下来，以供参考需要引入jquery.min.js,自行下载引入1、页面主体：                  &lt;table id="tableSelect"&gt;                      &lt;thead&gt;                          &lt;tr&gt;   ...
JS删除行tr，以隐藏方式删除表格
失去的记忆
03-23 8179
  <!-- var countnum=; function Del() { if(parseInt(document.getElementById("HidCount").value)>0) { var CheckedCoun
js 删除tbody中的所有tr
03-31
可以使用以下方式来删除tbody中的所有tr： ```javascript var tbody = document.getElementsByTagName("tbody")[0]; // 获取tbody元素 while (tbody.firstChild) { // 循环删除tbody中的所有tr tbody.removeChild(tbody.firstChild); } ``` 这段代码首先获取第一个tbody元素，然后使用while循环删除tbody中的所有子元素，也就是tr元素。每次循环，使用removeChild()方法删除tbody的第一个子元素，直到tbody中没有子元素为止。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值