动态表格，通过点击按钮增加或者删除一行表格!

来源：互联网发布：apache重启不了编辑：程序博客网时间：2024/05/20 16:09

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script>
var i=0

function insert_row(){
i ++
R = tbl.insertRow()
C = R.insertCell()
C.innerHTML = "第"+i+"个文件"
C = R.insertCell()
C.innerHTML = "<input>"
C = R.insertCell()
C.innerHTML = "<input type=file>"
C = R.insertCell()
C.innerHTML = "<input type='button' value='删除' onclick='deleteRow(this)'>"
}
function deleteRow(obj){
alert(obj.parentElement.parentElement.rowIndex+1);
tbl.deleteRow(obj.parentElement.parentElement.rowIndex);
}
</script>
</HEAD>

deleteRow()，是js的删除行的方法

obj.parentElement.parentElement.rowIndex：是显示当前的表格是第几行的

比如

当前页面上第1，2，3，4，5行都已被删除

插入
第6行删除
第7行删除
第8行删除
第9行删除

点击删除第7行则会显示2