เราสามารถใช้ xpath ตัวระบุตำแหน่งเพื่อระบุองค์ประกอบที่มีข้อความค้นหาหรือช่องว่าง อันดับแรก ให้เราตรวจสอบโค้ด html ขององค์ประกอบเว็บที่มีส่วนต่อท้ายและช่องว่างนำหน้า ในภาพด้านล่าง ข้อความ JAVA BASICS ที่มีแท็กชื่อ strong มีช่องว่างตามที่แสดงในโค้ด html
หากองค์ประกอบมีช่องว่างในข้อความหรือในค่าของแอตทริบิวต์ใด ๆ ดังนั้นในการสร้าง xpath สำหรับองค์ประกอบดังกล่าว เราต้องใช้ฟังก์ชัน normalize-space มันลบช่องว่างต่อท้ายและนำหน้าทั้งหมดออกจากสตริง นอกจากนี้ยังลบทุกแท็บหรือบรรทัดใหม่ทั้งหมดที่มีอยู่ในสตริงด้วย
ไวยากรณ์
//tagname[normalize-space(@attribute/ function) = 'value']
สำหรับองค์ประกอบเว็บ JAVA BASICS ที่ปรากฏบนหน้า ให้เราสร้าง xpath//strong[text()='JAVA BASICS'] (โดยไม่คำนึงถึงช่องว่างในข้อความ) หากเราตรวจสอบความถูกต้องในคอนโซลด้วยนิพจน์ - $x("//strong[text()='JAVABASICS']") เราจะพบว่าไม่มีองค์ประกอบที่ตรงกัน (ระบุด้วยความยาว – 0)
ตอนนี้ ให้เราสร้างนิพจน์ xpath โดยใช้ฟังก์ชัน normalize-space นิพจน์ Thexpath ควรเป็น - //strong[normalize-space(text())='JAVA BASICS'].
ผลลัพธ์
หากเราตรวจสอบความถูกต้องในคอนโซลด้วยนิพจน์ - $x("//strong[normalizespace(text())='JAVA BASICS']") เราจะพบว่ามีองค์ประกอบที่ตรงกัน (ระบุด้วยความยาว – 1)
เมื่อวางเมาส์เหนือผลลัพธ์ที่ได้ เราจะพบว่าข้อความ JAVA BASICS ได้รับการเน้นบนหน้า
