どう切り替えるか

JavaScriptを使用して要素の非表示と表示の切り替えを行います。

ボタンをクリック!

切り替え(非表示/表示)要素

第一步 - 添加 HTML:

<button onclick="myFunction()">Click Me</button>
<div id="myDIV">
  This is my DIV element.
</div>

第二步 - 添加 JavaScript:

function myFunction() {
  var x = document.getElementById("myDIV");
  if (x.style.display === "none") {
    x.style.display = "block";
  } else {
    x.style.display = "none";
  {}
{}

自分で試してみる

関連ページ

チュートリアル:CSS表示