Development

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

젤리젤리젤리젤리젤리 2020. 10. 16. 13:13
반응형

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> 

반응형

'Development' 카테고리의 다른 글

중복 데이터 찾기  (0) 2020.10.23
오라클 월, 요일을 영문 표기방법  (0) 2020.10.22
MSSQL 절사(버림) 함수, 반올림 함수  (0) 2020.10.20
MSSQL에서 SELECT문을 이용한 UPDATE  (0) 2020.10.19
PoE(Power over Ethernet)  (0) 2020.02.07