首页  >  文章  >  web前端  >  javascript怎么删除控件

javascript怎么删除控件

藏色散人
藏色散人原创
2021-10-20 14:13:181829浏览

javascript删除控件的方法:1、获得当前TABLE的行数;2、添加当前行的列;3、添加一个按纽控件;4、通过“Function Delete(){...}”实现删除控件即可。

javascript怎么删除控件

本文操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

javascript怎么删除控件?

JS动态添加删除控件

在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=&#39;button&#39; value=&#39;delete me&#39;οnclick=&#39;Delete()&#39;>";
}
Function Delete() //删除控件
{
var currRowIndex=event.srcElement.parentNode.parentNode.rowIndex;//获取当前索引
document.all.Table1.deleteRow(currRowIndex);//执行删除
}

推荐学习:《javascript基础教程

以上是javascript怎么删除控件的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn