xpathxpath 시작하기


비고

XPath는 XML 문서의 일부를 처리하기위한 언어입니다.

XSLT에서 사용되며 XQuery의 하위 집합입니다. 라이브러리는 대부분의 다른 프로그래밍 언어에서도 사용할 수 있습니다.

XPath는 W3C에서 발행 한 사양을 갖춘 국제 표준입니다.

버전

번역 출시일
1.0 1999-12-16
2.0 2007-01-23
3.0 2014-04-08
3.1 (W3C 후보자 권고안) 2015-12-17

일반적인 HTML 작업

입력 HTML DOM이

<html>
    <body>
        <a>link</a>
        <div class='container' id='divone'>
            <p class='common' id='enclosedone'>Element One</p>
            <p class='common' id='enclosedtwo'>Element Two</p>
        </div>
    </body>
</html>
 

전체 페이지에서 특정 ID가있는 요소 찾기

//*[@id='divone'] # Returns <div class='container' id='divone'>
 

특정 경로의 특정 ID가있는 요소 찾기

/html/body/div/p[@id='enclosedone'] # Returns <p class='common' id='enclosedone'>Element One</p>
 

특정 ID 및 클래스가있는 요소 선택

//p[@id='enclosedone' and @class='common'] # Returns <p class='common' id='enclosedone'>Element One</p>
 

특정 요소의 텍스트 선택

//*[@id='enclosedone']/text() # Returns Element One
 

샘플 XML (네임 스페이스 없음)

다음은 XPath 예제를 작성할 수있는 몇 가지 샘플 XML입니다.

<r>
  <e a="1"/>
  <f a="2" b="1">Text 1</f>
  <f/>
  <g>
    <i c="2">Text 2</i>
    Text 3
    <j>Text 4</j>
  </g>
</r>
 

요소 선택

샘플 XML (네임 스페이스 없음) :

이 XPath,

/r/e
 

이 요소를 선택합니다.

<e a="1"/>
 

텍스트 선택

샘플 XML (네임 스페이스 없음) :

이 XPath,

/r/f/text()
 

이 문자열 값을 가진 텍스트 노드를 선택합니다 :

"Text 1"
 

그리고이 XPath,

string(/r/f)
 

f 의 문자열 값을 반환합니다.

"Text 1"
 

브라우저 콘솔에서 Xpath 테스트

xpath를 테스트하는 빠른 방법은 브라우저 개발자 도구 콘솔에 있습니다.

형식

   $x('//insert xpath here')
 

$ - 선택 자임을 지정합니다.

x - xpaths를 사용하고 있음을 지정합니다.

예:

$x("//button[text() ='Submit']")
 

이 명령을 입력하면 텍스트가 Submit 인 요소 인 모든 요소가 반환됩니다.