XPath를 사용하여 내부 텍스트를 기반으로 HTML 요소를 검색하는 방법은 무엇입니까?

내부 텍스트로 HTML 요소 가져오기

웹 개발에서는 포함된 텍스트를 기반으로 특정 HTML 요소를 조작하거나 액세스해야 하는 경우가 종종 있습니다. 이는 UI 테스트, 데이터 스크래핑 및 콘텐츠 분석을 자동화하는 데 특히 유용합니다.

내부 텍스트로 HTML 요소를 검색하는 한 가지 방법은 강력한 XPath 언어를 사용하는 것입니다. XPath를 사용하면 노드 선택기와 조건자의 조합을 사용하여 HTML 문서를 쿼리할 수 있습니다.

정확한 텍스트로 요소 선택

정확한 내부 텍스트를 기반으로 HTML 요소를 얻으려면 다음을 사용할 수 있습니다. 다음 XPath 표현식:

//elementName[text()='innerText']

예를 들어 "SearchingText" 텍스트가 포함된 태그를 가져오려면:

var xpath = "//a[text()='SearchingText']";
var matchingElement = document.evaluate(xpath, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;

텍스트가 포함된 요소 선택

또는, 다음 XPath 표현식을 사용하여 정확히 일치하는지 여부에 관계없이 특정 텍스트가 포함된 요소를 검색할 수 있습니다.

//elementName[contains(text(), 'searchText')]

예를 들어 "검색 중"이라는 텍스트가 포함된 모든 태그를 가져오려면:

var xpath = "//a[contains(text(),'Searching')]";

위 내용은 XPath를 사용하여 내부 텍스트를 기반으로 HTML 요소를 검색하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!