HTML, JavaScript, JQuery를 이용한 DIV 숨기기

때때로 특정 DIV 영역을 숨기거나 블록처리하여 일시적으로 이용하는데 제한을 걸어야할 때가 있다.

그럴때는 Javascript로 해당 HTML 요소를 Disable해두면 되는데 해당 포스트에서는 그 방법에 대해 다룬다.

1. 순수 자바스크립트를 이용해 DIV 요소를 활성화/비활성화

// 1

document.getElementById("target_element").style.display = "none"; // Hide
document.getElementById("target_element").style.display = "block"; // Show

2. HTML의 Style을 이용해 DIV 요소를 활성화/비활성화

// 2
<div id ="target_element" style ="display:none"> // Hide
<div id ="target_element" style ="display:block"> // Show

3. 자바스크립트 JQuery를 이용해 DIV 요소를 활성화/비활성화

$("#target_element").hide(); // Hide
$("#target_element").show(); //Show