Bagaimanakah Saya Boleh Mencari Elemen HTML oleh Kelas CSS Menggunakan XPath?

Mencari Elemen mengikut Kelas CSS dengan XPath

Dalam dokumen HTML, anda mungkin menghadapi keperluan untuk mengenal pasti elemen tertentu berdasarkan kelas CSS mereka. XPath menyediakan mekanisme yang teguh untuk pemilihan elemen, termasuk keupayaan untuk mencari elemen mengikut kelas mereka.

Sintaks XPath untuk Carian Kelas CSS

Untuk mencari elemen mengikutnya Kelas CSS, anda boleh menggunakan sintaks XPath berikut:

//*[contains(@class, 'class-name')]

Ganti 'class-name' dengan kelas CSS sebenar yang anda ingin cari. Contohnya, jika anda mempunyai <div> elemen dengan nama kelas 'Ujian,' anda boleh menggunakan ungkapan XPath berikut:

//*[contains(@class, 'Test')]

Contoh

Pertimbangkan coretan HTML berikut:

<div>

Menggunakan ungkapan XPath kami, kami boleh mencari <div> elemen:

• Carian Generik (semua elemen):

//*[contains(@class, 'Test')]

• Carian Khusus (elemen div):

//div[contains(@class, 'Test')]

Diperbaiki Pemilih

Untuk meningkatkan ketepatan pemilih, kami boleh menggunakan versi diubah suai berikut:

• Pengendalian Ruang Putih:

//div[contains(concat(' ', normalize-space(@class), ' '), ' Test ')]

Ini memastikan bahawa aksara ruang putih di sekeliling nama kelas dipangkas sebelum perbandingan.

• Padanan Nama Kelas Tepat:

//div[contains(concat(' ', @class, ' '), ' Test ')]

Versi ini hanya sepadan dengan elemen yang kelas CSS betul-betul sepadan dengan 'Ujian.'

Kesimpulan

XPath menawarkan mekanisme berkuasa untuk pemilihan elemen berdasarkan kelas CSS. Dengan memahami sintaks dan menggunakan pengubahsuaian yang sesuai, anda boleh mencari elemen dalam dokumen HTML dengan tepat untuk pelbagai tujuan, seperti pengekstrakan data atau automasi.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mencari Elemen HTML oleh Kelas CSS Menggunakan XPath?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!