JavaScriptの表示・非表示、HTML要素の作成・削除の使用例を詳しく解説

表示/非表示

1. js関数を書く

2. 表示/非表示にするhtml要素にid属性を追加する

 
 
控制这个tr的显示/隐藏
 
 

3. js関数をトリガーするボタンやリンクなどを追加する

 
显示/隐藏 
javascript显示隐藏层
广告
 

2: 2つのメソッドページ コントロールの非表示を制御する JavaScript
ページ コントロールの非表示と表示を制御する JavaScript の 2 つの方法
方法 1:

document.all["PanelSMS"].style.visibility="hidden"; 
document.all["PanelSMS"].style.visibility="visible";

方法 2:

document.all["PanelSMS"].style.display="none"; 
document.all["PanelSMS"].style.display="inline";

方法 1 を非表示にした後のページの位置はまだコントロールによって占有されていますが表示されません
方法 2 非表示後のページの位置は占有されていません

作成/削除

div要素を作成したい場合。

1. DOM オブジェクトを使用して作成する:

document.createElement('div') メソッドを使用して要素を作成します。

2. JQuery を使用して作成する:

$('

ID「div2js」の div 要素を削除する必要がある場合。

1. DOM オブジェクトの使用

まず、削除された要素の親要素を見つけ、その親要素を通じて削除する必要がある子要素を削除する必要があります。

var el = document.getElementById('div2js');
 el.parentNode.removeChild(el);

2. JQuery

を使用して直接検索して削除します。

$('#div2js').remove();

最後に例を見てみましょう

 
姓名：