[JavaScript] 버튼 눌러서 숨기기 보이기

스크립트 코딩은 </body> 태그 위에 만든다. 

<script>
function span_hidden(){
	//window.alert("버튼클릭이벤트확인!! ");
	document.getElementById('myDiv').style.display = "none";
}
function span_show(){
	//window.alert("버튼클릭이벤트확인!! ");
	document.getElementById('myDiv').style.display = "inline";
}
</script>

<button onclick="span_hidden()">숨김</button>
<button onclick="span_show()">보이기 </button>
<br><br>
 <div id="myDiv">
 <span>함세강</span>
<span> 안시은</span>
<span>김지민 </span>
<span> 김서영</span>
<span>  박재영 </span>
<span> 박민주 </span>
<span> 이동원</span>
 </div>

이 방법도 있다. 

function span_hidden(){
	//window.alert("버튼클릭이벤트확인!! ");
//	document.getElementById('myDiv').style.display = "none";
var spans=document.getElementsByTagName("span");
for (var i = 0; i <spans.length; i++) {
	spans[i].style.display="none";
}