`

JS动态添加删除<table>行

 
阅读更多
//动态添加行
function addRow(){
   var table = document.getElementById("tableID");
   var newRow = table.insertRow(); //创建新行
   var newCell1 = newRow.insertCell(); //创建新单元格
   newCell.innerHTML = ""; //单元格内的内容
   newCell.setAttribute("align","center"); //设置位置
}
//动态删除行
function deleteRow(){
   var rowIndex = event.srcElement.parentElement.parentElement.rowIndex;
   var styles = document.getElementById("tableID");
   styles.deleteRow(rowIndex);
}

 

分享到:
评论

相关推荐

    利用JS动态添加表的一行和删除表行

    &lt;table border="1"&gt; &lt;tr &gt; &lt;th align="center"&gt; 第零列 &lt;/th&gt; &lt;th align="center"&gt; 第一列 &lt;/th&gt; &lt;th align="center"&gt; 第二列 &lt;/th&gt; &lt;th align="center"&gt; 第三列 &lt;/th&gt; &lt;th ...

    ddl语言自定义数据库字段

    & vbCrlf)&lt;br&gt; %&gt;&lt;br&gt; &lt;/td&gt;&lt;br&gt; &lt;/tr&gt;&lt;br&gt; &lt;/form&gt;&lt;br&gt; &lt;/tbody&gt;&lt;br&gt; &lt;/table&gt;&lt;br&gt; &lt;%&lt;br&gt; Call gRsClose()&lt;br&gt; End Sub&lt;br&gt; %&gt;&lt;br&gt; &lt;br&gt; &lt;br&gt; &lt;%&lt;br&gt; Sub add()&lt;br&gt; %&gt;&lt;br&gt; &lt;Script Language=JavaScript&gt;...

    jQuery表格编辑添加删除行代码.zip

    jQuery表格编辑添加删除行代码是一款适用于手机端的编辑表格代码。 &lt;title&gt;jQuery表格编辑添加删除行代码 &lt;/title&gt; &lt;link rel="stylesheet" href="css/bootstrap.css?3.1.64"&gt; &lt;...

    asp.net专家疑难解答200问

    如何实现从服务器端向页面动态添加javascript脚本-示例1 &lt;br&gt;22.如何实现从服务器端向页面动态添加javascript脚本-示例2 &lt;br&gt;24.如何处理多页面重定向到同一页面后的返回问题 &lt;br&gt;25.如何用Response.Redirect方法...

    C-Blog v2.1(Access)

    解决重建静态部分js的bug &lt;br&gt; .加入限制留言字数,修正几个隐患,进行瘦身 &lt;br&gt; .解决进入后台管理 无法添加文章后显示空白的bug &lt;br&gt; .修改后台部分列表用table 增加评论回复功能 &lt;br&gt; .修正一个关于隐藏日志的bug ...

    C-Blog v2.1(MySQL)

    解决重建静态部分js的bug &lt;br&gt; .加入限制留言字数,修正几个隐患,进行瘦身 &lt;br&gt; .解决进入后台管理 无法添加文章后显示空白的bug &lt;br&gt; .修改后台部分列表用table 增加评论回复功能 &lt;br&gt; .修正一个关于隐藏日志的bug ...

    DotNetTextBox所见即所得编辑器控件 v3.3.1

    -----------------------------&lt;br&gt;DotNetTextBox 更新历史&lt;br&gt;-----------------------------&lt;br&gt;2007/8/18&lt;br&gt;Version 3.3.1 Free&lt;br&gt;&lt;br&gt;Updates:&lt;br&gt;1) 改进文件重命名的安全BUG,现在重命名功能不可修改文件后缀...

    JS动态添加、删除Table行排序(删除整行、删除整列)

    JS动态添加、删除Table行排序(删除整行、删除整列)JS动态添加、删除Table行排序(删除整行、删除整列)

    手机信息的增删改查,分页查询

    &lt;a href="addphone.jsp"&gt;添加&lt;/a&gt; &lt;p&gt; &nbsp; &lt;/p&gt; &lt;/form&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; &lt;script type="text/javascript"&gt; &lt;!-- function delok() { return confirm("确定要删除吗?"); } //...

    基于JavaScript实现动态添加删除表格的行

    又一个动态控制表格的效果,用JavaScript动态生成表格行、表格列,以及还可动态删除这些行列,行等,运行代码后,点击对应的功能按钮,即可实现对应的表格操作功能。 1.jsp &lt;table id=viewTabs&gt; &lt;thead&gt; &lt;tr&gt; &lt;th&gt;...

    jQuery自适应PC手机端可编辑表格代码.zip

    &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width,... 一款简洁实用的自适应PC手机端的jQuery可编辑表格代码,jQuery表格添加删除行数据代码,使用起来十分的方便。

    浮点vfdsfJAVA实现链表,双向链表.txtJAVA实现链表,双向链表.txt

    &lt;script type="text/javascript" src="/js/jquery.selectsort.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="http://www.csdn.net/js/jquery.form.js"&gt;&lt;/script&gt; &lt;script language='JavaScript' type='text/...

    table JS 添加行和删除行

    table JS 添加行和删除行 实现JS添加table的一行和删除一行技术

    jstable添加行删除行复制行

    用js实现对table添加行、删除行、复制行的操作。

    js table添加删除行

    js table添加、删除行。点“添加”按钮可以添加一行,每行后面都有一个删除按钮,可以删除所在行。

    jquery 新建的元素事件绑定问题解决方案

    代码如下: &lt;table&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td&gt;这行原来就有&lt;/td&gt; &lt;td&gt;&lt;buttonclass&gt;删除&lt;/button&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;这行原来就有&lt;/td&gt; &lt;td&gt;&lt;buttonclass&gt;删除&lt;/button&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; 通常...

    Js实现动态添加删除Table行示例

    最近做项目遇到要动态添加、删除表格行的操作,实现如下 html代码 代码如下: &lt;table cellpadding=”0″ cellspacing=”0″ border=”1″ xss=removed id=”LearnInfoItem”&gt; &lt;tr&gt; &lt;td colspan=”8″ bgcolor=”#96E0...

    table动态增加删除行列

    使用javascript实现table动态增加删除行列。

    inputcheckbox连动

    添加&lt;/li&gt; &lt;li&gt;&lt;input name="" type="checkbox" id='s1-1-5' value="1-1-5" class="yd_dx"/&gt;编辑&lt;/li&gt; &lt;li&gt;&lt;input name="" type="checkbox" id='s1-1-6' value="1-1-6" class="yd_dx"/&gt;删除&lt;/li&gt; &lt;/...

    用javascript删除当前行,添加行(示例代码)

    删除行 代码如下:[removed] function del(obj)... &lt;table&gt; &lt;tr&gt; &lt;td&gt;单元格1&lt;/td&gt; &lt;td&gt;&lt;input type=button value=”delete this row” onclick=”del(this)”&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;单元格2&lt;/td&gt; 

Global site tag (gtag.js) - Google Analytics