动态增加删除表格行(兼容IE/FF)

原创 2006年06月13日 17:29:00

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>动态增删表格行</title>
<script language="JavaScript">
<!--
//author: Robin
//email: griefforyou@gmail.com

var rowIndex=0;
function addLine(obj){
var objSourceRow=obj.parentNode.parentNode;
var objTable=obj.parentNode.parentNode.parentNode.parentNode;
if(obj.value=='增加'){
rowIndex++;
var objRow=objTable.insertRow(rowIndex);
var objCell;

objCell=objRow.insertCell(0);
objCell.innerHTML="&nbsp;";

objCell=objRow.insertCell(1);
objCell.innerHTML=objSourceRow.cells[1].innerHTML;

objCell=objRow.insertCell(2);
objCell.innerHTML=objSourceRow.cells[2].innerHTML.replace(/增加/,'删除');
}
else{
objTable.lastChild.removeChild(objSourceRow);
rowIndex--;
}
}

function removeLine(){

}

//-->
</script>
</head>
<body bgcolor="#ffffff">
<form name="form1" method="post">
<table width="400" border="0">
<tr>
<td>基本信息</td>
<td><select name="select">
<option value="" selected>选择</option>
<option value="1">第一</option>
<option value="2">第二</option>
</select></td>
<td><input name="basicinfo" type="text" id="basicinfo">
<input name="add" type="button" id="add" value="增加" onClick="addLine(this)"></td>
</tr>
<tr>
<td>其它信息</td>
<td>&nbsp;</td>
<td><input type="text" name="textfield"></td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
</form>
</body>
</html>

javascript操作table增加,批量删除,模糊查询,文本框修改(兼容IE,FF)

先看代码:   http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  http://www.w3.org/1999/xhtml">...

javascript表格操作大全:表格排序/倒序、动态添加列、批量删除、删除一行、隔行变色、鼠标悬浮切换背景色、全选/反选。(IE、火狐都兼容)

表格.html 表格操作 全选 编号 编程语言 所属公司 市场份额 诞生日期 操作...
  • a125138
  • a125138
  • 2012年08月16日 19:51
  • 8057

兼容IE和FF的换行CSS推荐样式

转载:http://www.cnblogs.com/arix04/archive/2009/05/11/1454123.html 本文列举了兼容 IE 和 FF 的换行 CSS 推荐...

兼容 IE 和 FF 的换行 CSS 推荐样式

本文列举了兼容 IE 和 FF 的换行 CSS 推荐样式,详细介绍了word-wrap同word-break的区别。 兼容 IE 和 FF 的换行 CSS 推荐样式 最好的方式是 wor...
  • xjinza
  • xjinza
  • 2011年12月11日 00:37
  • 529

鼠标拖动动态改变表格的宽度的js脚本 兼容ie/firefox

table拖动(兼容Firefox 3.5/IE6),固定表格宽度 table拖动(兼容Firefox 3.5/IE6),固定表格宽度 .bg { font-size:12p...

页面信息防盗(兼容ie&amp;ff)

  • 2009年09月21日 15:17
  • 4KB
  • 下载

兼容IE和FF的手动触发事件,并自定义Event的属性值

兼容IE和FF的手动触发事件,并自定义Event的属性值

日历控件(兼容IE FF)

  • 2010年01月13日 10:48
  • 96KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:动态增加删除表格行(兼容IE/FF)
举报原因:
原因补充:

(最多只允许输入30个字)