<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<script type="text/javascript" >
var n = 1 ;
function testAdd()
{
var tr = document.getElementById( "xxx" ).insertRow( 1 );
tr.id = " new_ " + n;
var c1 = tr.insertCell();
c1.innerText = " xxx " + n;
var c2 = tr.insertCell();
c2.innerText = " bbb " ;
var c3 = tr.insertCell();
c2.innerText = " EE " ;
n ++ ;
}
function doDelete(i)
{
var _tableObj = document.getElementById("xxx");
var rowIndex = event.srcElement.parentElement.parentElement.rowIndex;
_tableObj.deleteRow(rowIndex);
}
</script>
<body>
<input name="" type="button" onclick = " testAdd() " value="+"/>
<input name="" type="button" onclick = " doDelete() " value="-"/>
<table width="100%" border="1" cellspacing="0" cellpadding="0" id="xxx">
<tr id="xxx">
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>
</body>
</html>
分享到:
相关推荐
JQuery动态添加删除table行
主要介绍了Js动态添加删除Table行的具体实现,需要的朋友可以参考下
使用javascript实现table动态增加删除行列。
JS动态添加、删除Table行排序(删除整行、删除整列)JS动态添加、删除Table行排序(删除整行、删除整列)
本篇文章主要是对利用js动态添加删除table行的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
javascript添加删除table行
支持table动态编辑,添加行或是删除行,第一行不允许删除。
HTML TABLE批量添加行与删除行.javascript实现。
3.动态添加节点/动态删除节点/动态移动节点 4.动态dom对象创建表格树 5.完美支持json格式数据,支持xml(需转换) 6.支持ajax加载节点 7.事件驱动 8.可以动态根据列内容排序 9.简化函数参数,利用{} object输入参数,风格...
js table添加、删除行。点“添加”按钮可以添加一行,每行后面都有一个删除按钮,可以删除所在行。
table JS 添加行和删除行 实现JS添加table的一行和删除一行技术
下面小编就为大家带来一篇利用jquery给指定的table动态添加一行、删除一行的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
jstable行添加删除demo文件
本文实例为大家分享了bootstrap table双击可编辑的具体代码,供大家参考,具体内容如下 html: <table class=table id=para_table> 名称 值 操作 <td style=tex
通过js来操作table行的动态添加删除,进行相关的操作
动态table添加或者删除一行使序号重新排序,placeholder、id和name同时重新排序
html页面实现table自动添加和删除
通过js来控制动态加一行或删除一行,非常适合table中td一行的添加和删除。