[JSP]JavaScript에서 HTML요소 숨기기

▶특정 계정으로 로그인 했을때 지정한 요소를 화면에서 숨기는 코트

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

var member_id = '${sessionMember_id}';
$(document).ready(function(){
	console.log("#######")
	if(member_id != 'test'){
		document.getElementById('mail').style.visibility = "hidden"; // hide
	}
	
})

 

 

 

1. <div>태그 요소 숨기기 보이기

document.getElementById('id').style.visibility = "hidden";	//숨기기
document.getElementById('id').style.visibility = "block";	//보이기

                OR              

$("#element").hide();  // hide
$("#element").show();  // show

 

2. test(관리자)로 로그인시

3. test아이디가아닌 일반 아이디로 로그인시