JS动态添加与删除控件的代码一例
发布时间:2014-09-30 编辑:jiaochengji.com
为大家介绍如何用Js实现动态添加与删除控件,有需要的朋友,可以参考下。
代码分为两部分,分别为添加控件、删除控件。
<script language="javascript"> /** * 动态添加与删除控件 * www.jbxue.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>
您可能感兴趣的文章:
JS动态添加与删除控件的代码一例
动态添加与删除select中Option对象的JS脚本
jquery动态添加option示例
javascript操作Select options集合的实例介绍
js动态添加、修改、删除对象的属性与方法
JS数组中添加与删除内容的方法
js动态添加删除表格行的代码
jquery动态加载与去除js代码的三种方法
js动态添加、删除文本框的例子
jQuery Ajax请求状态管理器打包
[关闭]