> 웹 프론트엔드 > JS 튜토리얼 > XPath를 사용하여 내부 텍스트를 기반으로 HTML 요소를 찾으려면 어떻게 해야 합니까?

XPath를 사용하여 내부 텍스트를 기반으로 HTML 요소를 찾으려면 어떻게 해야 합니까?

Patricia Arquette
풀어 주다: 2024-11-05 01:13:02
원래의
523명이 탐색했습니다.

How can I use XPath to find HTML elements based on their inner text?

XPath: 내부 텍스트를 기반으로 요소를 검색하는 강력한 도구

작업 시 HTML 페이지 내에서 특정 요소를 찾는 것이 중요한 작업일 수 있습니다. 웹 콘텐츠로. 일반적인 시나리오 중 하나는 포함된 텍스트를 기반으로 요소를 식별하는 것입니다. 이를 달성하기 위해 XML 문서 탐색용으로 설계된 강력한 언어인 XPath는 효과적인 솔루션을 제공합니다.

정확한 내부 텍스트로 요소 찾기

"SearchingText" 텍스트가 포함된 태그:

<a ...>SearchingText</a>
로그인 후 복사

XPath를 사용하여 이 요소를 검색하려면 다음 쿼리를 활용할 수 있습니다.

//a[text()='SearchingText']
로그인 후 복사

이 표현식은 문서 트리를 탐색하여 <를 찾습니다. ;a> 정확한 텍스트 "SearchingText"를 포함하는 태그입니다. 대괄호 안의 text() 함수는 요소의 텍스트 내용을 지정된 문자열과 비교합니다.

부분 텍스트 일치 처리

어떤 경우에는 다음이 필요할 수 있습니다. 주어진 텍스트와 부분적으로 일치하는 요소를 찾습니다. 예를 들어, "Searching"이라는 텍스트가 포함된 요소를 찾으려면:

//a[contains(text(),'Searching')]
로그인 후 복사

여기에서 Contains() 함수는 요소의 텍스트 콘텐츠에 제공된 하위 문자열이 포함되어 있는지 평가합니다. 이 접근 방식을 사용하면 추가 텍스트가 포함될 수 있는 요소를 캡처하여 더 광범위한 검색이 가능합니다.

JavaScript에서 XPath 적용

XPath를 JavaScript와 통합하면 HTML을 동적으로 조작하는 편리한 접근 방식이 제공됩니다. 서류. 이를 입증하려면 다음 JavaScript 코드를 고려하십시오.

var xpath = "//a[text()='SearchingText']";
var matchingElement = document.evaluate(xpath, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
로그인 후 복사

이 코드는 XPath 쿼리를 xpath 변수에 할당한 다음 document.evaluate() 메서드를 활용하여 문서 객체에 대해 쿼리를 실행합니다. 결과는 matchElement 변수에 저장되어 지정된 내부 텍스트가 있는 요소에 대한 액세스를 제공합니다.

위 내용은 XPath를 사용하여 내부 텍스트를 기반으로 HTML 요소를 찾으려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿