JS动态添加删除控件
2007-08-06 13:37
369 查看
这是一篇转载,可是实在忘记从哪里转来的了,一致放在我电脑的文件夹里,今天发现很有用,转到这里备忘
![](http://blog.csdn.net/Editor/FCKeditor/editor/images/smiley/msn/regular_smile.gif)
在TABLE里实现的代码:
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);//执行删除
}
![](http://blog.csdn.net/Editor/FCKeditor/editor/images/smiley/msn/regular_smile.gif)
在TABLE里实现的代码:
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);//执行删除
}
相关文章推荐
- js 对表格的动态操作(动态添加行,删除该行,在指定位置添加控件)
- JS动态添加删除控件
- JS动态添加删除控件_示例
- JS动态添加删除控件
- js 对表格的动态操作(动态添加行,删除该行,在指定位置添加控件)
- JS动态添加删除控件
- JS动态添加删除控件
- 在Asp.net中动态添加css文件,js文件,控件
- 动态插入、添加删除表格行的JS代码
- JS脚本动态给控件添加事件
- Android开发笔记: Android动态添加、删除控件
- JS动态添加option和删除option
- vue.js实现点击后动态添加class及删除同级class的实现代码
- JS动态添加option和删除option
- JS动态添加节点后渲染为EasyUI控件,EasyUI动态渲染解析解决方案
- 动态添加删除表格行的js脚本
- js 创建 table 动态添加删除表格行(转)
- js动态创建fileupload控件,js判断上传文件的大小,超过指定的大小删除掉
- js+jquery动态设置/添加/删除/获取元素属性的两种方法集锦对照(动态onclick属性设置+动态title设置)
- 转载一篇好文章js实现动态添加和删除多个附件。