0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

よくサンプルとしてある表示、非表示の簡単な処理

Last updated at Posted at 2018-08-21

よくある表示、非表示サンプルを自分で作ってみました。
まずは小さな事からコツコツと。

1.まずはIDを取得してからstyleでdisplay = "none";を当てる。

2.関数で囲み、変数でidのbox1を取得。
次にif文の条件分岐で変数boxにdisplayがblockの場合は非表示にする。
処理を施すように命令。

3.次にその他の場合はdisplay blockを適用し、要素を表示させる。

4.inputのボタンで表示、非表示のイベントを発生させる。

スクリーンショット 2018-08-21 22.36.33.png
スクリーンショット 2018-08-21 22.36.16.png
スクリーンショット 2018-08-21 22.44.01.png
スクリーンショット 2018-08-21 22.44.07.png

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?