JavaScriptで要素の非表示を制御する方法は何ですか

JavaScript で要素の非表示を制御する方法は、[var t = document.getElementById('test');t.style.display = 'none など、要素の style 属性で表示を設定することです。 ';]。

#この記事の動作環境: Windows10 システム、JavaScript 1.8.5、thinkpad t480 コンピューター。

JavaScript で要素を非表示にする方法は 2 つあります。

方法 1: 要素のスタイル属性で表示を設定します

var t = document.getElementById('test');//选取id为test的元素
t.style.display = 'none';// 隐藏选择的元素
t.style.display = 'block';// 以块级样式显示

方法 2: 要素をスタイル属性で設定します可視性

var t = document.getElementById('test');
t.style.visibility = 'hidden';// 隐藏元素
t.style.visibility = 'visible';// 显示元素

これら 2 つの方法の違い:

表示を非表示に設定した後、元の位置は占有されませんが、要素の位置は可視性によって非表示にした後も占有されます。

推奨学習: JavaScript ビデオ チュートリアル

以上がJavaScriptで要素の非表示を制御する方法は何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。