JavaScriptでdivを表示および非表示にする方法

JavaScript で非表示の div を表示する方法: 最初に新しいファイルを作成してボタン ボタンを作成し、次に非表示の div を作成してその div に非表示のスタイルを設定し、最後にボタン ボタンのクリック非表示イベントを追加します。 。

このチュートリアルの動作環境: Windows 7 システム、JavaScript バージョン 1.8.5、DELL G3 コンピューター。

JavaScript を使用して div を表示および非表示にする方法:

1. HTML 開発ソフトウェアを開き、新しい HTML ファイルを作成します。図のように

#2. HTML ファイル上にボタン button を作成し、そのボタンに id を設定します。見せるために。図に示すように:

コード:

<input type="button" id="show" value="显示隐藏div" />

3. 次に、非表示の div を作成し、この div に非表示にする必要があるコンテンツを書き込みます。次に、この Set に div 内の ID を指定し、ケース内で非表示にするケース ID を設定します。図に示すように:

コード:

<div id="hide">我是隐藏的div</div>

4. div の非表示スタイルを設定します。

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