Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Mendapatkan Elemen HTML dengan Teks Dalamannya Menggunakan XPath?

Bagaimana untuk Mendapatkan Elemen HTML dengan Teks Dalamannya Menggunakan XPath?

Mary-Kate Olsen
Lepaskan: 2024-11-04 20:24:02
asal
948 orang telah melayarinya

How to Retrieve HTML Elements by Their Inner Text Using XPath?

Mendapatkan semula Elemen HTML oleh Teks Dalaman

Mengenal pasti dan mengakses elemen HTML berdasarkan kandungan teksnya boleh menjadi tugas biasa dalam pembangunan web. Artikel ini meneroka kaedah untuk mendapatkan semula elemen dengan cekap menggunakan teks dalamannya.

Penyelesaian Menggunakan XPath

Satu pendekatan berkesan untuk mendapatkan elemen melalui teks dalamannya ialah melalui XPath . XPath ialah bahasa yang direka bentuk untuk menavigasi dokumen XML dan HTML, dan ia menyediakan ungkapan yang berkuasa untuk pemilihan elemen berdasarkan pelbagai kriteria.

Untuk contoh HTML yang diberikan:

<code class="html"><a ...>SearchingText</a></code>
Salin selepas log masuk

Anda boleh menggunakan mengikuti ungkapan XPath untuk mendapatkan elemen utama:

//a[text()='SearchingText']
Salin selepas log masuk

Ungkapan ini memilih semua elemen yang mengandungi teks SearchingText yang tepat. Untuk mendapatkan semula elemen padanan pertama:

<code class="javascript">var xpath = "//a[text()='SearchingText']";
var matchingElement = document.evaluate(xpath, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;</code>
Salin selepas log masuk

Separa Teks Padanan

Dalam kes di mana anda hanya mengetahui sebahagian daripada teks elemen, anda boleh menggunakan mengandungi() fungsi dalam ungkapan XPath:

//a[contains(text(),'Searching')]
Salin selepas log masuk

Ungkapan ini memilih semua elemen yang mengandungi subrentetan Mencari di mana-mana sahaja dalam teksnya.

Dengan memanfaatkan keupayaan XPath, anda boleh mendapatkan semula elemen HTML dengan cekap berdasarkan elemen tersebut. teks dalaman, membolehkan anda melakukan pelbagai tugas seperti pengekstrakan data atau manipulasi elemen dinamik.

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

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan