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

最新推荐文章于 2024-07-10 16:18:57 发布

IBelieveKDM

最新推荐文章于 2024-07-10 16:18:57 发布

阅读量1.1w

点赞数

分类专栏： JavaScript 文章标签： generator insert input button function html

本文链接：https://blog.csdn.net/IBelieveKDM/article/details/7043227

版权

JavaScript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<!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='删除' οnclick='deleteRow(this)'>"
}
function deleteRow(obj){
alert(obj.parentElement.parentElement.rowIndex+1);
tbl.deleteRow(obj.parentElement.parentElement.rowIndex);
}
</script>
</HEAD>