元素定位问题总结（jave）

元素定位的8大方法

id定位
name定位
class定位
link定位
partial link定位
JavaScript定位
tag定位
xpath定位
CSS定位

1、如何定位

点击查看代码

«button type="button" class="driver-popover-next-btn" style="display: block;

a、class定位

//*[@class='driver-popover-next-btn']

b、xpath定位

//*[@id="region"]/label[2]/span[1]/input

c、CCS定位

region > label.next-radio-wrapper.checked > span.next-radio.checked > input

或者进行层级定位
div>footer>span>button.driver-popover-next-btn
或
div > footer > span > button[class*="next"]

当class为唯一值时也直接可以进行定位，不需要再指出以上层级
.driver-popover-next-btn

2、如何准确定位

点击查看代码

«button type="button" class="driver-popover-prev-btn driver-popover-btn-disabled" disabled style="display: none;"
«button type="button" class="driver-popover-next-btn" style="display: block;

通过class的值不同进行定位
div>footer>span>button.driver-popover-next-btn
或
div>footer>span>button.driver-popover-prev-btn driver-popover-btn-disabled

通过匹配部分class
div > footer > span > button[class*="next"]

结合样式状态：由于选择对象是两个按钮，一个已被选中，一个未被选中
已选中：
div > footer > span > button[style="block"]
未选中：
div > footer > span > button[style="display"]

使用位置关系，只有两个按钮（:nth-child(2)）/（first-of-type/last-of-type）
第一个按钮：
div > footer > span > button:first-of-type
div > footer > span > button:nth-child(1)

第二个按钮：
div > footer > span > button:last-of-type
div > footer > span > button:nth-child(2)