動態表格，通過點選按鈕增加或者刪除一行表格!
<!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>
<BODY>
<input type="button" value="插入" onclick="insert_row()">
<table name='tbl' id="tbl" border="1" width=300>
</table>
</BODY>
</HTML>
deleteRow()，是js的刪除行的方法
obj.parentElement.parentElement.rowIndex：是顯示當前的表格是第幾行的
比如
當前頁面上第1，2，3，4，5行都已被刪除
插入
第6行 刪除
第7行 刪除
第8行 刪除
第9行 刪除
點選刪除 第7行 則會顯示2