1 根据id定位

要求:获取id为livePushed的div
代码:**//div[@id='livePushed']**

1 根据class定位

下面是具体的根据class定位的方式。

1.1 div:完全匹配class

要求:有一个div,class=’product-item’
代码:**//div[@class='product-item']**

1.2 div:模糊匹配class

要求:有一个div,class=’product-item-3Y72J2’,要根据product-item来模糊搜索div,如何处理?
代码:**//div[contains(@class, 'product-item')]**

contains代表字符串的模糊匹配,class的值字符串中包含product-item。

1.3 div:匹配多个class

要求:一个div含有多个class,class=’class1 class2’,如何匹配?
代码:**//div[contains(@class, 'class1') and contains(@class, 'class2')]**

匹配的div是同时具有class1和class2的元素。

1.4 选中具有相同class的第二个div

参考:链接
要求:
image.png
代码:**(//div[contains(@class, 'param-wrap__arrow')])[2]**

1.3 根据value定位

定位span

要求:
image.png
目前已知span的值是“开始讲解”,如何使用xpath定位?
代码:**//span[text()='开始讲解']**

定位button

image.png

其它的只要含有value的元素,都可以用此方式定位。