- 浏览: 131171 次
- 性别:
- 来自: 未来
文章分类
- 全部博客 (174)
- Eclispe (3)
- javaScript (33)
- SVG学习 (22)
- Java (21)
- 网站 (12)
- learn English (1)
- 文档 (25)
- 常用网站收录 (11)
- struts (6)
- 常用API (1)
- html (2)
- jsp (2)
- spring (2)
- IDE (1)
- 数据结构 (1)
- JDBC (2)
- html + css (1)
- xml (3)
- 心声 (1)
- Axis2 (1)
- svg (4)
- webService (2)
- unix (2)
- c/c++ (3)
- html5 (1)
- Android (2)
- Jet标签 (1)
- oracle (2)
- 工具 (1)
- ideas (0)
- lean plan (1)
- java技术网站,信息收集综合及分类 (0)
最新评论
-
calosteward:
感谢博主对svg convert to PDF资源的分享。我也 ...
How to Convert a SVG File to PDF Format -
long316:
fhhhh
WinArchiver 2.7 -
long316:
ddddd
WinArchiver 2.7
<table id="idTB" border=0><!--注意id,与JS中的要相对应-->
<tr id=idTR>
<td>第一行 <input type='button'></td>
</tr>
</table>
<input type="button" onclick="addRow()" value="添加一行"><br>
<input type="button" onclick="delRow()" value="删除一行"> Row index:<input id="idIndex">(<a id="idFirst">1</a>~<a id="idLast">1</a>)
<script>
function addRow(){//添加表格的一行
oTR=idTB.insertRow(idTB.rows.length);
tmpNum=oTR.rowIndex;
oTD=oTR.insertCell(0);
oTD.innerText="第" + tmpNum+"行";//在该处添加的HTML代码会原封不动的显示在页面上
oTD.innerHTML="<input type='text' name='txt"+tmpNum+"'>";//要在该格添加的HTML代码填在这里,因为这里是text,注意不要重名了。
idLast.innerText=idTB.rows.length;
if(idTB.rows.length>0)
idFirst.innerText='1';
return true;
}
function delRow(){//删除表格的一行
sIndex=idIndex.value;
if(sIndex=='')
sIndex=idTB.rows.length-1;
else
sIndex=parseInt(sIndex)-1;
idTB.deleteRow(sIndex);
idLast.innerText=idTB.rows.length;
if(idTB.rows.length==0)
idFirst.innerText='0';
}
</script>
http://www.cnblogs.com/rhodamine/archive/2006/07/18/453430.html
http://www.cnblogs.com/jjiac/archive/2005/10/10/251640.html
http://www.blogjava.net/lpeter/archive/2007/05/28/120536.html
http://blog.csdn.net/fatowen/article/details/6257610
<tr id=idTR>
<td>第一行 <input type='button'></td>
</tr>
</table>
<input type="button" onclick="addRow()" value="添加一行"><br>
<input type="button" onclick="delRow()" value="删除一行"> Row index:<input id="idIndex">(<a id="idFirst">1</a>~<a id="idLast">1</a>)
<script>
function addRow(){//添加表格的一行
oTR=idTB.insertRow(idTB.rows.length);
tmpNum=oTR.rowIndex;
oTD=oTR.insertCell(0);
oTD.innerText="第" + tmpNum+"行";//在该处添加的HTML代码会原封不动的显示在页面上
oTD.innerHTML="<input type='text' name='txt"+tmpNum+"'>";//要在该格添加的HTML代码填在这里,因为这里是text,注意不要重名了。
idLast.innerText=idTB.rows.length;
if(idTB.rows.length>0)
idFirst.innerText='1';
return true;
}
function delRow(){//删除表格的一行
sIndex=idIndex.value;
if(sIndex=='')
sIndex=idTB.rows.length-1;
else
sIndex=parseInt(sIndex)-1;
idTB.deleteRow(sIndex);
idLast.innerText=idTB.rows.length;
if(idTB.rows.length==0)
idFirst.innerText='0';
}
</script>
http://www.cnblogs.com/rhodamine/archive/2006/07/18/453430.html
http://www.cnblogs.com/jjiac/archive/2005/10/10/251640.html
http://www.blogjava.net/lpeter/archive/2007/05/28/120536.html
http://blog.csdn.net/fatowen/article/details/6257610
- test.rar (708 Bytes)
- 下载次数: 10
- 动态添加删除行.rar (741 Bytes)
- 下载次数: 6
发表评论
-
Easy UI tree
2014-12-28 17:49 457http://www.cnblogs.com/hxling/a ... -
js 时间比较
2014-11-04 10:37 316//var yourtime=document.getElem ... -
jQuery官方推出的教学视频
2013-08-02 13:07 383http://blog.jobbole.com/37699/ -
推荐给开发者的20款响应式jQuery插件
2013-07-23 10:32 473http://www.csdn.net/article/201 ... -
如何让搜索引擎抓取AJAX内容?
2013-07-17 08:32 482http://news.cnblogs.com/n/18248 ... -
修改浏览器状态栏信息
2013-02-28 22:38 570status和defaultStatus是window对象的属 ... -
HHMMss时间校验方法
2012-09-16 14:55 955<html> <body> < ... -
javaScript程序员参考手册--源代码
2012-08-22 23:57 546******************************* ... -
禁止鼠标右键及svg中自定义右键菜单
2012-08-20 23:20 2403svg屏蔽右键菜单 1 : if(evt.button == ... -
Web中的鼠标自动移动
2012-12-23 23:35 581写了个 00:00--24:59分的正则,不知道是不是你想要的 ... -
有鼠标位置获取元素
2012-12-23 23:36 595document.elementFromPoint(x,y) ... -
JS获取网页中HTML元素的几种方法分析
2012-08-19 17:06 945oElement = document.elementFrom ... -
(转载)js技巧 .
2012-08-19 17:02 1428http://blog.csdn.net/yinshuhai/ ... -
自动实现单击事件
2012-08-19 15:08 634<html xmlns="http://www ... -
在 IE 中调试 JavaScript
2012-04-09 23:42 868http://www.fengxiaoqiang.com/bl ... -
js调试工具
2012-04-04 22:11 487js调试工具 -
js高手的作品
2012-03-23 21:39 702<!DOCTYPE HTML> <html& ... -
easyUi tree 使用方法
2012-03-14 14:06 1593http://blog.csdn.net/l277759183 ... -
JavaScript动态添加表格行(使用模板、标记)
2012-02-05 23:35 832引用: http://www.soaspx.com/dotne ... -
select 2
2012-01-15 20:27 930http://sunxin1001.iteye.com/blo ...
相关推荐
NULL 博文链接:https://1148130696.iteye.com/blog/1726191
JavaScript动态操作表格,添加,删除行、列及单元格! 值得下载看看!资源免费,大家分享!! 更多免费资源 http://ynsky.download.csdn.net/
javascript动态操作表格 1.添加表格 2.删除表格 3.选种表格 4.支持IE6.0和Firefox浏览器
用JavaScript动态生成表格行、表格列,以及还可动态删除这些行列,行等,运行代码后,点击对应的功能按钮,即可实现对应的表格操作功能,接下来通过代码实例给大家介绍JavaScript实现动态添加删除表格的行,...
本文实例为大家分享了javascript实现动态生成表格/删除行的具体代码,供大家参考,具体内容如下 动态生成一个带删除行功能的表格: 实现思路 1、获取表格元素 2、获取要填充的数据,一般是从数据库取数据,也...
用JavaScript制作的动态表格,有添加、删除、全选、全不选,有对动态新增的域校验问题,有对新增的域设置readonly问题,还有对新增域中的span进行隐藏问题都有解决,还有对动态表格的讲解PPT一份。
JS自动添加,删除表格总结,及window窗体居中。内含源代码!!!!
主要介绍了原生JS和JQuery动态添加、删除表格行的方法,涉及javascript针对页面元素的动态操作技巧,需要的朋友可以参考下
静态实现javascript,实现表格的增加和删除等功能,值得初学者学习
在一些系统使用中,我们常会遇到需要添加或删除行的要求,本例可以快速简洁地实现这功能(里面的返回需改成javascript:history.go(-1))
然后获取了表格元素及其 tbody 元素,通过 for 循环遍历数组中的每个学生,动态创建了表格的每一行和每个单元格,并将学生的信息填充到对应的单元格中。 最后,为每行的删除操作添加了点击事件处理程序。当用户单击...
js,javascript
主要是对JavaScript动态操作表格实例(添加,删除行,列及单元格)进行了详细的分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助
本文实例为大家分享了js实现添加删除表格的具体代码,供大家参考,具体内容如下 效果: 1、点击添加按钮 往table中添加一行 将全选前面的复选框变成false 1.1.当前新增的复选框加上点击事件 2、点击删除按钮 ...
使用javascript实现table动态增加删除行列。
在客户端使用JavaScript动态添加表格行,先到网上找了相关的资料,发现有现成做好的组件,发现它只能够满足比较简单的要求。
主要介绍了JavaScript实现动态添加,删除行的方法,较为详细的分析了javascript操作table表格实现针对表格元素动态操作的相关技巧,需要的朋友可以参考下