动态增加表格的行
来源:互联网 发布:golang package 编辑:程序博客网 时间:2024/06/13 07:16
双击加号按钮可以增加表格行数
<!doctype html>
<html>
<head>
<style>
table{
border:1px solid red;
}
td{
border:1px solid blue;
}
</style>
<script>
function add(){
var table1=document.getElementById("table1");
var tr1=document.createElement("TR");
tr1.innerHTML="<td>表格第1列</td><td>表格第2列</td>";
//table1.appendChild(tr1);插入到最后一个子节点的后面
table1.insertBefore(tr1,table1.childNodes[0]);//插入到第一个子节点之前
//table1.insertBefore(tr1,table1.firstChild);插入到第一个子节点之前
}
</script>
<meta charset="UTF-8">
</head>
<body>
<table id="table1" cellspacing="1px">
<tr>
<b>测试增加表格的行</b>
</tr>
<tr>
<td>
表格第1列
</td>
<td>
表格第2列
</td>
</tr>
<tr>
<td>
表格第1列
</td>
<td>
表格第2列
</td>
</tr>
</table>
<input type="button" value="+" ondblclick="add()">
</body>
</html>
阅读全文
0 0
- 动态增加表格的行
- 动态增加表格行
- Javascript 动态增加表格行
- 动态增加删除表格行
- 表格行的动态增加和删除的实现
- 使用JavaScript动态增加表格的行与列
- 使用JavaScript动态增加表格的行与列
- jQuery实现表格行的动态增加与删除
- jQuery实现表格行的动态增加与删除
- HTML动态增加和删除表格的行和列
- html表格的动态增加与删除
- 表格动态增加行删除行
- 动态增加表格行和列js
- 动态增加,删除表格中的行
- js实现动态增加表格行_jasonchi
- 动态增加表格
- 动态增加表格
- js 动态增加表格
- 【个人笔记重点,不作为参考】主题:Mac OSX下Sublime Text配置使用Ctags实现代码跳转
- C++学习笔记--函数参数扩展和占位参数
- Response对象的API的代码演示
- #ifndef/#define/#endif
- 以后会陆续讲解一些算法 数据库等方面的知识点,既是复习,也是以后要用到时有备份
- 动态增加表格的行
- JAVA | 12
- 六个基本语句
- 正则之grep
- unity 触摸事件 移动,缩放,以及相机移动超出边界
- android /JAVA下不错的自定义log类
- 兑换钱
- mysql添加外键失败:sql Cannot add or update a child row:a foreign key constraint fails
- Python实现Pat 1078. Hashing (25)