コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > 本文

表示スキルと可視性_JavaScript スキルの違いの紹介例

WBOY
リリース： 2016-05-16 16:58:15
オリジナル
1328 人が閲覧しました

表示は通常、なし、インライン、ブロックに設定できます。

可視性は通常、非表示、表示に設定できます。

表示がなし、可視性が非表示の場合、要素は表示されなくなります。しかし、違いもあります。

表示は要素を非表示にし、その位置は占有されなくなりますが、可視性は元の位置を占めます。

例を見ると理解できます:

コードをコピーします コードは次のとおりです:



;
="button" onclick= "isDisplay(document.getElementById('myDiv'))" value="ディスプレイは表示されますか" />
<script> function isVisibility(me){ <br>if (me.style.visibility= ="hidden"){ <br>me.style.visibility="visible" } <br>else{ <br>me.style.visibility="hidden"; <br>; 🎜>} <br><br>function isDisplay(me){ <br>if (me.style.display=="none"){ <br>me.style.display="block" } <br>else; { <br>me.style .display="none" <br>} <br>} <br></script>
関連ラベル：
display
ソース：php.cn
前の記事：JS が現在のアドレスを取得する JS が現在の URL を取得する サンプルコード_javascript スキル 次の記事：select_javascript スキルの値とテキスト値を取得する JS の簡単な例
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
画像と名前の位置を修正 Web サイトをコーディングしようとしていますが、画像と名前 (Administracija) が左側に表示されますが、検索バーがある場所に表示されるはずです。 @importur...
から 2024-04-05 10:41:36
0
1
3578
CSSのグリッドレイアウトのボックスプロトコル 最初の 2 つのボックスを最大幅で上に移動させ、2 番目のボックスを最大幅で下に移動させたいのです。コードは次のとおりです。これは CSS コードです: /*StartServic...
から 2024-04-03 16:36:04
0
2
334
ページが必要なサイズより大きい問題; React.js 現在のページは次のようになります。 ご覧のとおり、上部には多くの空白があります。この空白を消す方法がわかりません。これは HTML です: <divclassName=&qu...
から 2024-04-02 14:48:30
0
1
283
「min-height」パーセンテージは、要素に「display: flex」の間接的な親がある場合にのみ適用されます。 #main が display:flex ルールを取得した場合にのみ #inner 要素の高さが決まる理由が理解できません。これは私のコードです: #main{display:fl...
から 2024-03-30 22:28:53
0
1
306
将PHP を使用して WordPress 関数で JSON コンテンツを取得して表示するにはどうすればよいですか? wordpress エンドポイントがあり、いくつかの json データがあります。残念ながら、関数でこの JSON データを返す方法がわかりません。 json_decode を試し...
から 2024-03-30 17:42:32
0
1
346
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート