Bagaimana untuk Mendapatkan Elemen HTML Berdasarkan Teks Dalamannya Menggunakan XPath?

Mendapatkan Elemen HTML melalui Teks Dalaman

Dalam pembangunan web, selalunya menjadi perlu untuk memanipulasi atau mengakses elemen HTML tertentu berdasarkan teks yang terkandung di dalamnya. Ini amat berguna untuk mengautomasikan ujian UI, pengikisan data dan analisis kandungan.

Salah satu cara untuk mendapatkan semula elemen HTML melalui teks dalamannya ialah melalui bahasa XPath yang berkuasa. XPath membolehkan anda menanyakan dokumen HTML menggunakan gabungan pemilih dan predikat nod.

Memilih Elemen mengikut Teks Tepat

Untuk mendapatkan elemen HTML berdasarkan teks dalamannya yang tepat, anda boleh menggunakan berikut ungkapan XPath:

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

Sebagai contoh, untuk mendapatkan teg yang mengandungi teks "SearchingText":

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

Memilih Teks yang Mengandungi Elemen

Sebagai alternatif, anda boleh mencari elemen yang mengandungi teks tertentu, tidak kira sama ada padanan tepat, menggunakan ungkapan XPath berikut:

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

Sebagai contoh, untuk mendapatkan semua teg yang mengandungi teks "Mencari":

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

Atas ialah kandungan terperinci Bagaimana untuk Mendapatkan Elemen HTML Berdasarkan Teks Dalamannya Menggunakan XPath?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!