ホームページ > ウェブフロントエンド > フロントエンドQ&A > JavaScriptでコントロールを削除する方法

JavaScriptでコントロールを削除する方法

藏色散人
リリース: 2021-10-20 14:13:18
オリジナル
1864 人が閲覧しました

コントロールを削除する Javascript メソッド: 1. 現在の TABLE の行数を取得します; 2. 現在の行の列を追加します; 3. ボタン コントロールを追加します; 4. 「関数 Delete() を通じて」 {...} 「コントロールを削除してください。

JavaScriptでコントロールを削除する方法

この記事の動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JavaScript を使用してコントロールを削除するにはどうすればよいですか?

JS によるコントロールの動的追加と削除

表に実装されたコード:

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 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート