본문 바로가기

IT노트(구)/JavaScript

자바스크립트로 div 숨기는 방법

<div id="target">
    hello
</div>


예를 들어 위와 같은 div 영역을 통째로 숨기고 싶다면

다음과 같이 하면 된다!


document.getElementById('target').style.display = 'none';


div의 style 속성을 none으로 만드는 것이다!(자바스크립트를 이용하면 css도 컨트롤할 수 있다!)


반대로 숨겨진 놈(?)을 보이게 만들고 싶다면


document.getElementById('target').style.display = 'block';


block 속성을 주면 된다!