[转]使用Javascript动态增加，删除表格（使用DHTML对象模型）

sunxboy

浏览: 2870450 次
性别:
来自: 武汉

最近访客更多访客>>

charles751

内蒙古大麦

yao759126711

yunzhu

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

WEB技术

JavaScript

<html>
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
<head>

<script language="javascript">
function deleteRow(index){
var tableObj=document.getElementById("mytable");
tableObj.deleteRow(index);
}
function addRow(){
var tableObj=document.getElementById("mytable");
var newRowObj=tableObj.insertRow(tableObj.rows.length);
var newColName=newRowObj.insertCell(newRowObj.cells.length);
var newColAge=newRowObj.insertCell(newRowObj.cells.length);
var newColButton=newRowObj.insertCell(newRowObj.cells.length);

newColName.innerHTML=document.getElementById("newName").value;
newColAge.innerHTML=document.getElementById("newAge").value;
newColButton.innerHTML='<input type="button" value="删除" onclick="deleteRow('+(tableObj.rows.length-1)+')">';
}
</script>
</head>

<body>
<table width="100%" id="mytable" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>姓名</td>
<td>年龄</td>
<td>操作</td>
</tr>
<tr>
<td>gaoxiang</td>
<td>28</td>
<td><input type="button" onclick="deleteRow(0)" value="删除"/></td>
</tr>
<tr>
<td>gaoxiang</td>
<td>28</td>
<td><input type="button" onclick="deleteRow(1)" value="删除"/></td>
</tr>
</table>

<input type="text" name="name" id="newName" />
<input type="text" name="age" id="newAge"/>
<input type="button" onclick="addRow();" value="新增"/>
</body>
</html>

分享到：

DBA日常sql列表(转) | 2007武汉房地产数据分析报告

2008-02-02 13:16
浏览 2065
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

[转]使用Javascript动态增加，删除表格（使用DHTML对象模型）

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

[转]使用Javascript动态增加，删除表格（使用DHTML对象模型）

评论

发表评论

相关推荐

30个你必须熟记的CSS选择器

40 个超棒的免费 Bootstrap HTML5 网站模板

必须记住的 30 类 CSS 选择器

如何防止google map 加载Roboto字体

JavaScript Equality Table

WebStorm快捷键收集

webstorm 常用快捷键

how to change bower components folder

程序员应该知道的 13 个设计技巧

tomcat7中tomcat-users.xml配置

tomcat-maven-plugin的使用

Jsp动态显示服务器时间

前端工程与性能优化（下）：静态资源管理与模板框架

前端工程与性能优化（上）：静态资源版本更新与缓存

Handy and Useful jQuery Snippets for Developers

11 个用来创建图形和图表的 JavaScript 工具包

Jive 论坛 license破解

2012年度最佳Web前端开发工具和框架

为网页设计师准备的 10 个色彩方案生成器

13个最常用的CSS和HTML快速开发工具

最近访客更多访客>>