반응형

Web/Dom 3

DOM - getElementsByTagName

DOM의 구조에서 getElementById와 함께 엘리먼트를 가져올수 있는 또 다른 방법이 getElementsByTagName 이다. 일반적으로 ID를 사용해서 엘리먼트를 가져올 경우에는 ID는 문서내에서 유일하다고 생각해서 s가 붙지 않지만 TagName 의 경우에는 한 문서내에서 같은 Tag가 많이 사용되므로 반드시 s 가 붙는다. 따라서 getElementByTagName 가 아니라 getElementsByTagName 이다. 그리고 Tag의 경우에는 여러개가 있을 가능성이 있어서 보통의 경우 배열 형태로 엘리먼트를 가져온다. 사용예 function getElement() { var tag = document.getElementsByTagName("div"); alert (tag.length);..

Web/Dom 2008.03.23

DOM과 Javascript를 사용한 간단한 Show, Hide

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

Web/Dom 2007.12.10
반응형