Buscar elementos por clase CSS usando XPath

En el web scraping, a menudo es necesario ubicar elementos HTML según su clase CSS. XPath, una poderosa herramienta para navegar por documentos XML y HTML, proporciona una manera de lograr esto.

Considere una página HTML con un elemento div que tenga una clase llamada "Prueba". Se puede utilizar la siguiente consulta XPath para encontrar este elemento:

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

Esta consulta selecciona todos los elementos que contienen la clase "Test" , independientemente de dónde aparezcan en el árbol del documento.

Para optimizar el rendimiento, puede limitar la búsqueda a tipos de elementos específicos, como divs. Por ejemplo, la siguiente consulta restringirá la búsqueda a divs que contengan la clase "Prueba":

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

Sin embargo, si tiene elementos con clases como "Testvalue" o "newTest", la consulta anterior también los coincidirá. Para garantizar una coincidencia más precisa, puede utilizar una cadena concatenada que contenga un espacio antes y después de la clase "Prueba", como lo sugiere @Tomalak:

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

Esta consulta solo coincidirá con divs que tengan la palabra "Prueba" como un valor de clase separado.

Para eliminar cualquier espacio en blanco problemas, también puede normalizar los espacios usando la función normalize-space, como lo sugiere @Terry:

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

Finalmente, es importante reemplazar el asterisco (*) en estas consultas con el nombre real del elemento que desea hacer coincidir, a menos que desee buscar todos los elementos en el documento. Esto mejorará la eficiencia de la consulta.