动态表格,通过点击按钮增加或者删除一行表格,按钮删除table中的一行,删除表格控制
<!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="插入" > <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
黑色头发 http://heisetoufa.iteye.com
页:
[1]