Pertanyaan XPath di bawah JavaScript Dom Node: Bagaimana Mencari Elemen dari Node yang Ditetapkan?

JavaScript Dom Node XPath Pertanyaan: Kedudukan tepat Elemen Kanak -kanak

Artikel ini menerangkan cara menggunakan ekspresi XPath untuk mencari unsur -unsur dari nod DOM yang ditentukan dalam JavaScript. Ramai pemaju sering menghadapi masalah bermula dari nod akar dan bukannya nod yang ditentukan apabila menggunakan kaedah document.evaluate() .

Sebagai contoh, pemaju ingin mencari semua elemen input di bawah elemen div dengan kelas "menu", atau lebih tepatnya, cari elemen input dengan kelas "TINPUT" dan nilai "100". Menggunakan //input secara langsung mula mencari dari keseluruhan nod akar dokumen, bukan dari nod "menu" yang ditentukan.

Kuncinya adalah untuk memahami laluan relatif ekspresi XPath. //input bermakna untuk mencari semua elemen input dalam dokumen. Untuk mula melihat dari nod tertentu (contohnya, nod menu ), anda perlu menggunakan ekspresi laluan relatif.

Ekspresi XPath yang betul

Untuk mencari semua keturunan input dari nod semasa, gunakan .//input . Nombor titik ( . ) Mewakili nod semasa. Oleh itu, document.evaluate('.//input', menu, null, XPathResult.ANY_TYPE, null); akan secara rekursif mencari semua nod kanak -kanak input bermula dari nod menu .

Carian bersyarat yang lebih kompleks

Untuk keadaan yang lebih kompleks, seperti mencari elemen input dengan kelas "TINPUT" dan nilai "100", anda boleh menggunakan ekspresi XPath berikut:

.//input[@class='tInput' and @value='100']

Ungkapan ini menggabungkan pemilih atribut untuk meletakkan elemen sasaran dengan tepat. Perhatikan bahawa nilai atribut perlu disertakan dalam petikan tunggal atau berganda. Gunakan ungkapan ini dalam kombinasi dengan kaedah document.evaluate untuk melakukan carian yang tepat di bawah nod menu . Pendekatan ini membolehkan anda untuk memulakan dengan cekap dengan mana -mana nod DOM yang ditentukan, menggunakan ekspresi XPath untuk carian elemen yang tepat.

Atas ialah kandungan terperinci Pertanyaan XPath di bawah JavaScript Dom Node: Bagaimana Mencari Elemen dari Node yang Ditetapkan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!