Show Hide Javascript 함수를 넣어서 간단하게 쇼하이드를 시킬수 있다. 보이지 않게 할 경우. function hideLayer(whichLayer) { if (document.getElementById) { // DOM의 사용이 가능한 경우 document.getElementById(whichLayer).style.visibility = "hidden"; document.getElementById(whichLayer).style.display = "none"; } else if (document.all) { // IE의 예전버전의 경우 document.all[whichlayer].style.visibility = "hidden"; document.all[whichlayer].style.d..

CSS와 DOM과 Javascript를 이용한 간단한 ShowHide. SHOW HIDE TEST M1 M2 M3 M1............. M2............. M3............. 조금만 생각을 하면 다양하게 응용가능하며, 색상도 함께 바꿀수 있다. 반드시 DOM을 사용할경우에는 대소문자를 구별하므로 getElementById 라고 표기해야한다.

DOM이란 Document Object Model 의 약자로서 "문서객체모델" 이다. CSS가 웹페이지의 스타일 변경을 한다고 하면, DOM은 웹페이지를 동적으로 움직일수 있게 도와준다고 생각하면 된다. 그러나 DOM만 있다고 해서 웹페이를 동적으로 만들수 있는것은 아니고, Javascript등의 제어를 통해서 동적으로 만들수 있다. getElementById() 메소드는 특정 아이디를 가진 요소 노드에 직접 접근할수 있다. 대소문자를 구분하므로 반드시 getElementById 로 적어야 한다. 메인메뉴 서브메뉴1 | 서브메뉴2 | 서브메뉴3 | 서브메뉴4 | 서브메뉴5 여기부터는 내용입니다. 2개의 DIV 태그에 각각 아이디를 부여하고 그 아이디를 getElementById 메소드로 접근해서 해당 스..