How can I find an element by CSS class with XPath

Question

In my webpage  there s a div with a class named Test    How can I find it with XPath

User · Answer

Most easy way      div  class  Test     Assuming you want to find  lt div class  Test  gt  as described

User · Answer

Match against one class that has whitespace    lt div class  hello   gt  lt  div gt      div normalize-space  class   hello

User · Answer

This selector should work but will be more efficient if you replace it with your suited markup       contains  class   Test      Or  since we know the sought element is a div     div contains  class   Test      But since this will also match cases like class  Testvalue  or class  newTest    Tomalak s version provided in the comments is better      div contains concat       class          Test       If you wished to be really certain that it will match correctly  you could also use the normalize-space function to clean up stray whitespace characters around the class name  as mentioned by  Terry       div contains concat      normalize-space  class           Test       Note that in all these versions  the   should best be replaced by whatever element name you actually wish to match  unless you wish to search each and every element in the document for the given condition

User · Answer

I m just providing this as an answer  as Tomalak provided as a comment to meder s answer a long time ago    div contains concat       class          Test

User · Answer

XPath has a contains-token function  specifically designed for this situation    div contains-token  class   Test     It s only supported in the latest version of XPath  3 1  so you ll need an up-to-date implementation

User · Answer

The ONLY right way to do it with XPath      div contains concat      normalize-space  class           Test       The function normalize-space strips leading and trailing whitespace  and also replaces sequences of whitespace characters by a single space     Note  If not need many of these Xpath queries  you might want to use a library that converts CSS selectors to XPath  as CSS selectors are usually a lot easier to both read and write than XPath queries  For example  in this case  you could use both div class   Test   and div Test to get the same result   Some libraries I ve been able to find     For JavaScript   css2xpath  amp  css-to-xpath For PHP   CssSelector Component For Python   cssselect For C    css2xpath Reloaded For GO   css2xpath

[html] How can I find an element by CSS class with XPath?

Examples related to html

Examples related to css

Examples related to xml

Examples related to xpath