w3.css

숨기기 및 표시 전환

JavaScript를 사용하여 요소를 숨기거나 표시하자.

요소 토글(숨기기/표시)

1단계) HTML 추가

<button onclick="myFunction()">Click Me</button>

<div id="myDIV">
  This is my DIV element.
</div>

2단계) JavaScript 추가

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

Mingg`s Diary

밍구

공부 목적 블로그

https://maz.kr

모든 포스트 보기