html xpath 예제

JavaScript 콘솔 내에서 XPath 쿼리를 실행하는 구문은 $x(“XPATH_QUERY”)입니다. 식의 이 부분은 축이라고 하며 현재 컨텍스트에서 트리에 대한 방향(아래쪽, 위쪽, 동일한 트리 수준에서)에 따라 선택할 노드 집합을 지정합니다. 축의 다른 예는 부모, 자식, 조상 등입니다. 위의 예제에서 사용된 XPath 쿼리를 자세히 살펴보겠습니다. 첫 번째 / 는 문서의 루트를 나타냅니다. 이 쿼리를 사용하여 브라우저에 Contains()가 XPath 식에 사용되는 메서드라고 말했습니다. 로그인 정보와 같은 특성 값이 동적으로 변경될 때 사용됩니다. 다음은 아래 화면에 표시된 요소의 절대 xpath 표현의 예입니다. 이 예제에서는 다음 형제 축이 적용되는 컨텍스트 노드는 페이지의 각 h1 노드입니다. 다음은 아래 화면에 표시된 동일한 요소의 상대적인 XPath 표현의 예입니다.

상대 XPath를 통해 요소를 찾는 데 사용되는 일반적인 형식입니다. 이 예제에서는 대부분의 주요 브라우저에서 작동해야 하는 코드를 포함시켰습니다. 예를 들어 위의 노드 트리 이미지에는 ID 특성과 같은 고유 식별 기능이 없습니다. 그러나 “XPath를 사용하여 HTML 노드 트리를 탐색”하는 섹션 헤더 바로 아래에 있습니다. 페이지의 소스 코드를 보면 해당 헤더가 html-노드 트리 사용 xpath를 탐색하는 id가 있는 h2 요소입니다. XPath에서 모든 표현식은 컨텍스트 노드를 기반으로 평가됩니다. 컨텍스트 노드는 경로가 시작되는 노드입니다. 기본 컨텍스트는 위의 예에서와 같이 단일 슬래시(/)로 표시된 루트 노드입니다. XPath를 사용하는 것은 참고 문헌 정보의 구조적 특성을 통해 쿼리할 메타데이터 필드를 지정할 수 있는 라이브러리 카탈로그에서 고급 검색을 사용하는 것과 유사합니다. 예를 들어 셰익스피어에 대한 책을 찾으려고 하지만 셰익스피어가 작동하지 않는 경우 검색 기능을 주제 필드로만 제한할 수 있습니다.

소스 코드에서 이 페이지의 제목이 머리 요소 내부에 있는 제목 요소에 있는 것을 볼 수 있습니다.이 요소는 페이지의 전체 내용을 포함 하는 html 요소 안에 있습니다. 그러나 그들이 어디에서 왔는지 더 많이 있으며 몇 가지 예를 볼 수 있습니다. 이 HTML 문서를 고려하십시오: 예를 들어 -: 특정 요소의 ID가 동적으로 변경되는 것을 가정해 보십시오. 파일 시스템에서 파일을 해결할 때와 마찬가지로 컨텍스트 노드(이 경우 트리의 루트)에서 선택하려는 요소로 경로를 지정할 수 있습니다. 위의 위치 경로에는 슬래시로 구분된 세 가지 위치 단계가 있습니다. 그것은 대략 의미: `html` 요소에서 시작, 아래 `머리` 요소를 찾습니다., 그리고 그 `머리` 아래 `제목` 요소.

Por
agosto 2, 2019