JS动态添加与删除控件的代码一例

发布时间:2020-11-04编辑:脚本学堂
为大家介绍如何用Js实现动态添加与删除控件,有需要的朋友,可以参考下。

代码分为两部分,分别为添加控件、删除控件。

<script language="javascript">
/**
 * 动态添加与删除控件
 * www.jb200.com
*/
Function Add() //添加控件
{
var nRow=document.all.Table1.rows.length; //获得当前TABLE的行数
var objTheRow=document.all.Table1.insertRow(nRow);//执行添加
objTheRow.insertCell(0);//添加当前行的列
//添加一个按纽控件
objTheRow.cells(0).innerHTML="<input type='button' value='delete me'onclick='Delete()'>";
}

Function Delete() //删除控件
{
var currRowIndex=event.srcElement.parentNode.parentNode.rowIndex;//获取当前索引
document.all.Table1.deleteRow(currRowIndex);//执行删除
}
</script>