Wie kann ich mit XPath ein Element anhand seiner CSS-Klasse finden?

Question

Auf meiner Webseite gibt es eine div mit einer class namens Test .

Wie kann ich sie mit XPath ?

Answer 1

Dieser Selektor sollte funktionieren, wird aber effizienter sein, wenn Sie ihn durch Ihr geeignetes Markup ersetzen:

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

Oder, da wir wissen, dass das gesuchte Element ein div :

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

Da dies aber auch auf Fälle wie class="Testvalue" ou class="newTest" Die von @Tomalak in den Kommentaren bereitgestellte Version lautet besser :

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

Wenn Sie wirklich sicher sein wollen, dass es korrekt übereinstimmt, können Sie auch die Funktion normalize-space verwenden, um Leerzeichen um den Klassennamen herum zu entfernen (wie von @Terry erwähnt):

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

Beachten Sie, dass in all diesen Versionen das * am besten durch den Namen des Elements ersetzt werden sollte, mit dem Sie tatsächlich übereinstimmen möchten, es sei denn, Sie möchten jedes einzelne Element des Dokuments nach der gegebenen Bedingung durchsuchen.

Answer 2

Der einfachste Weg..

//div[@class="Test"]

Angenommen, Sie möchten Folgendes finden <div class="Test"> wie beschrieben.

Answer 3

En NUR die richtige Vorgehensweise mit XPath :

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

Die Funktion normalize-space entfernt führende und nachgestellte Leerzeichen und ersetzt auch Folgen von Leerzeichen durch ein einzelnes Leerzeichen.

---

Hinweis

Wenn Sie nicht viele dieser Xpath-Abfragen benötigen, sollten Sie eine Bibliothek verwenden, die CSS-Selektoren in XPath konvertiert, da CSS-Selektoren in der Regel viel einfacher zu lesen und zu schreiben sind als XPath-Abfragen. In diesem Fall könnten Sie zum Beispiel den Selektor div.Test um genau das gleiche Ergebnis zu erzielen.

Einige Bibliotheken, die ich finden konnte:

• Für JavaScript : css2xpath & css-to-xpath
• Für PHP : CssSelector-Komponente
• Für Python : cssselect
• Für C# : css2xpath Reloaded
• Für GO : css2xpath

Answer 4

Ich stelle dies nur als Antwort zur Verfügung, wie es Tomalak schon vor langer Zeit als Kommentar zu meders Antwort gab

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

Answer 5

XPath hat eine enthält-Token Funktion, speziell entwickelt für diese Situation:

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

Sie wird nur in der neuesten Version von XPath (3.1) unterstützt, so dass Sie eine aktuelle Implementierung benötigen.