티스토리 뷰

프로그램

자바스크립트 DIV 보이기, 숨기기(토글)

박대감 2014. 1. 27. 11:37


1. 일반적인 방법

<script> 

document.getElementById("test").style.display = "none";   ==> 숨기기

document.getElementById("test").style.display = "block";  ==> 보이기

</script> 

 

 

<html> 

<div id ="test" style ="display:none">   : 숨기기 

<div id ="test" style ="display:block">  : 보이기 

</html> 


2. jquery를 이용한 방법

<script> 

$("#test").hide();   ==> 숨기기

$("#test").show();  ==> 보이기

</script> 




저작자표시 비영리 변경금지

'프로그램' 카테고리의 다른 글

MSSQL 날짜 변환 함수  (2) 2014.01.28
JSTL String 형식의 날짜 표현  (50) 2014.01.28
우회 접속  (0) 2014.01.27
iBATIS Insert 시 자동으로 생성된 Key의 참조  (0) 2014.01.25
base64 encode, decode 변환 사이트  (0) 2014.01.24
댓글