Bagaimana Anda Mengambil Elemen HTML Berdasarkan Teks Dalamannya?

Mendapatkan Elemen melalui InnerText: Panduan Komprehensif

Mengetahui teks khusus yang terkandung dalam teg HTML boleh menjadi berharga dalam pembangunan web. Pengetahuan ini memberi kuasa kepada pembangun untuk memanipulasi dan berinteraksi dengan elemen tertentu dengan tepat. Dalam artikel ini, kami akan meneroka pelbagai kaedah untuk mendapatkan elemen berdasarkan teks dalaman mereka.

Kaedah 1: Memanfaatkan XPath

XPath (Bahasa Laluan XML) menawarkan yang berkuasa dan pendekatan yang fleksibel untuk membuat pertanyaan dan menavigasi dokumen XML dan HTML. Ia membolehkan pembangun mendapatkan semula elemen berdasarkan kriteria tertentu, termasuk teks dalaman.

Kod Contoh:

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

Coretan kod ini mendapatkan semula elemen pertama yang sepadan dengan ungkapan XPath "//a[text()='SearchingText']", yang memilih mana-mana teg sauh yang mengandungi teks "SearchingText." Pembolehubah matchingElement kini memegang rujukan kepada elemen yang ditemui.

Kaedah 2: Mencari Elemen yang Mengandungi Teks

Sebagai alternatif, anda boleh mencari elemen yang mengandungi (tetapi lakukan tidak semestinya mengandungi secara eksklusif) teks yang ditentukan menggunakan fungsi "mengandungi" XPath.

Kod Contoh:

var xpath = "html//a[contains(text(), 'Searching')]";
var matchingElements = document.evaluate(xpath, document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);

Kod ini mengembalikan senarai tertib semua teg sauh dalam dokumen yang mengandungi subrentetan "Mencari." Dengan mengulangi senarai MatchingElements, anda boleh mengakses setiap elemen individu.

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