ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScriptで要素の非表示を制御する方法は何ですか

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

王林
リリース: 2021-11-03 16:53:00
オリジナル
7147 人が閲覧しました

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

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

#この記事の動作環境: 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 サイトの他の関連記事を参照してください。

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