首頁  >  文章  >  web前端  >  javascript怎麼刪除控件

javascript怎麼刪除控件

藏色散人
藏色散人原創
2021-10-20 14:13:181821瀏覽

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