Java Script & DOM/HTML DOM 22
트리구조를 활용해 자식 노드에 접근하는 방법

HTML 문서는 트리구조로 이루어져 있다. 트리구로를 활용해 자식 노드에 접근할 수 있는데 방법은 아래와 같다. ■ HTML 문서 구성 <ul onclick="test(this);"> <li> <a> 텍스트 </a> </li> </ul> ■ 위 HTML 문서의 구조상 자식에 접근하는 방법 ul을 기준으로 첫번째 자식에 접근하기 위해서는 ..
Java Script & DOM/HTML DOM 2011.01.13

문서내에서 주어진 엘레멘트를 모두 반환하는 getElementsByTagName()

getElementsByTagName() 메소드는 태그의 이름을 매개변수로 하여 태그요소의 배열을 반환하는 메소드입니다. 반환된 배열을 통해 노드에 접근하는 예제입니다. <html> <head> <title>Insert title here</title> <script type="text/javascript"> // 태그요소의 ID를 알아보는 함수. 출력은 경고창으로 나타냄 f..
Java Script & DOM/HTML DOM 2010.12.16

HTML 엘레멘트의 텍스트 노드를 가리키는 innerHTML 속성

innerHTML 속성은 태그의 텍스트 내용을 쉽게 접근하기 위한 HTMLElement 객체의 속성이다. innerHTML 속성을 사용하면 텍스트 노드의 내용을 변경하거나 반환할 때 보다 쉽게 접근할 수 있다. 또한, innerHTML 속성을 사용하면 웹 페이지를 더욱 동적으로 변경할 수 있다. <html> <head> <script type="text/javascr..
Java Script & DOM/HTML DOM 2010.12.16

HTML DOM을 사용하여 HTML 문서의 노드에 접근하기

HTML DOM은 노드에 접근하기 위해 document 객체의 메소드를 사용한다. ■ getElementById("id"); document.getElementById("id") 문서 안에 있는 노드 중에 파라미터로 전달한 id속성의 값을 사용하는 노드를 반환하는 메소드이다. 이 때 문서에 해당 id 속성을 가진 태그가 존재해야 한다. 없다면 객체 오류를 발생한다. id ..
Java Script & DOM/HTML DOM 2010.12.16
1 2 3
더보기

티스토리툴바