DOM과 Javascript로 HTML문서를 트리 구조의 객체로 접근할 수 있습니다.
여기서 말하는 객체는 HTML의 element를 말합니다. html - body - div식의 각 HTML 태그들이 하나의 객체로 표현되죠.
이때 HTML문서의 어느 객채에 접근할 건지를 나타내는 방법으로 XPath(XML Path Language)를 사용합니다.
예를 들어 다음의 XPath를 보면,
//BODY[0]/DIV[8]/SPAN[0] 는
HTML문서내의 첫 번째 BODY의 자식 중 8번째 DIV내의 0번째 SPAN을 가리킵니다.
그리고 아래의 자바스크립트는 XPath를 구하는 함수입니다. getXPath()를 호출하면 되는데 예제와 함께 봅시다.
여기서 말하는 객체는 HTML의 element를 말합니다. html - body - div식의 각 HTML 태그들이 하나의 객체로 표현되죠.
이때 HTML문서의 어느 객채에 접근할 건지를 나타내는 방법으로 XPath(XML Path Language)를 사용합니다.
예를 들어 다음의 XPath를 보면,
//BODY[0]/DIV[8]/SPAN[0] 는
HTML문서내의 첫 번째 BODY의 자식 중 8번째 DIV내의 0번째 SPAN을 가리킵니다.
그리고 아래의 자바스크립트는 XPath를 구하는 함수입니다. getXPath()를 호출하면 되는데 예제와 함께 봅시다.
실행 결과는
//BODY[0]/DIV[0]/SPAN[0]
입니다.
이제, XPath를 구했다면 이 경로로 다시 HTML객체를 얻어올 수 있어야 합니다. 다음의 자바스크립트 함수는 지정된 XPath에 해당하는 HTML객체를 가져오는 함수입니다.
함수의 인자로 XPath를 넣어주면 됩니다.
위의 두 함수는 XML에서 사용되는 XPath와 형식이 동일합니다. 따라서 XPath와 관련된 다양한 함수를 적용할 수 있습니다.
'Programming > Web' 카테고리의 다른 글
| XPath로 HTML문서 접근하는 방법. (0) | 2007/08/13 |
|---|---|
| 비주얼 스튜디오로 자바스크립트 디버깅 하기 (0) | 2007/08/06 |
| ASP.NET 유닛 테스트의 해부학 (0) | 2007/08/01 |
| Ajax - 에이젝스? 아약스? 아작스?? (4) | 2007/07/30 |
| Resolve Relative URLS - URL 상대경로의 처리 (0) | 2007/07/30 |
Prev
Rss Feed