XPath ile CSS sınıfına göre bir öğeyi nasıl bulabilirim?

Web sayfamda adlı divbir classad var Test.

Nasıl bulabilirim XPath?

Bu seçici çalışmalıdır, ancak uygun işaretlemenizle değiştirirseniz daha verimli olur:

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

Veya aranan elementin bir olduğunu bildiğimiz için div:

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

Ancak bu, class="Testvalue"veya gibi vakalarla da eşleşeceğinden class="newTest", @ Tomalak'ın yorumlarda sağlanan sürümü daha iyidir :

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

Doğru şekilde eşleşeceğinden emin olmak istiyorsanız, sınıf adının etrafındaki başıboş boşluk karakterlerini temizlemek için normalleştirme alanı işlevini de kullanabilirsiniz (@Terry tarafından belirtildiği gibi):

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

Belgedeki her bir öğeyi belirtilen koşul için aramak istemiyorsanız, tüm bu sürümlerde, * öğesinin en iyi şekilde eşleştirmek istediğiniz öğe adıyla değiştirilmesi gerektiğini unutmayın.

En kolay yol ..

//div[@class="Test"]

<div class="Test">Açıklandığı gibi bulmak istediğinizi varsayarsak .

SADECE doğru yolu XPath ile bunu yapmak için:

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

İşlev normalize-space, boşlukları takip eden ve takip eden boşlukları sıyırır ve ayrıca boşluk karakterleri dizilerini tek bir boşlukla değiştirir.

Not

Bu Xpath sorgularının çoğuna ihtiyaç duymazsanız, CSS seçicilerinin XPath sorgularına göre okunması ve yazılması genellikle çok daha kolay olduğu için CSS seçicilerini XPath'a dönüştüren bir kitaplık kullanmak isteyebilirsiniz. Örneğin, bu durumda, her ikisini div[class~="Test"]ve div.Testaynı sonucu elde etmek için kullanabilirsiniz .

Bulabildiğim bazı kütüphaneler:

• For JavaScript : css2xpath & css-to-xpath
• For PHP : CssSelector Bileşeni
• İçin Python : cssselect
• İçin C # : css2xpath Reloaded
• İçin GO : css2xpath

Tomalak'ın uzun zaman önce meder'in cevabına bir yorum olarak sağladığı için bunu sadece cevap olarak veriyorum

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

Önceki cevaplardan faydalı bir işlev yapılabilir:

function matchClass($className) {
    return "[contains(concat(' ', normalize-space(@class), ' '), ' $className ')]";
}

Ardından, işlev çağrısını sorgunuza tamamlayın.

Boşluğu olan bir sınıfa karşı maç .

<div class="hello "></div>

//div[normalize-space(@class)="hello"]

bu örnek gibi öğeler bulabilirsiniz (tüm css öğeleri)

private By 
allElementsCss = By.xpath(".//div[@class]");