无法找到按钮的 xpath

Question

这是按钮的HTML：

<button type="button" class="button" onclick="shippingMethod.save()">
  <span>
    <span>Continue</span>
  </span>
</button>

我想通过 xpath 表达式找到它。我已经试过了：

//button[contains(@class, 'button')][contains(@onclick, 'shippingMethod.save()') 

和：

By.xpath(".//[@id='shipping-method-buttons-container']/button") 

但两者都不起作用。

Answer 1

尝试使用以下任一xpaths：

1- //button[@onclick='shippingMethod.save()']
这将找到具有onclick 属性为shippingMethod.save()

的按钮

2- //button[normalize-space(.)='Continue']
这将定位 button，其 innerHTML/text 完全等于 Continue，并修剪了空格（如果存在）。

2- //button[@onclick='shippingMethod.save()' and normalize-space(.)='Continue']
这将定位具有onclick 属性为shippingMethod.save() 和innerHTML/text 完全等于Continue 的按钮，并修剪了空格（如果存在）。

Answer 2

您可以使用其中之一（最好是第二个，因为页面上可能有多个按钮匹配相同的条件）：

//span[.='Continue']/ancestor::button[1]

或者

//span[.='Continue']/ancestor::button[@onclick='shippingMethod.save()']

此外，您还缺少标签名称或 *

By.xpath(".//[@id='shipping-method-buttons-container']/button") 

改成：

By.xpath("//*[@id='shipping-method-buttons-container']/button") 

如果按钮是按钮容器元素的直接子元素，它应该可以工作。如果没有：

By.xpath("//*[@id='shipping-method-buttons-container']//button") 

Answer 3

1. 右键单击网页上的元素，然后单击检查
2. 元素的 HTML 应突出显示
3. 右键单击突出显示的部分
4. 将鼠标悬停在“复制”上
5. 点击复制 xpath

它们是从 google chrome 获取 xpath 的步骤。

Answer 4

以下定位器之一可能会有所帮助

//button[text()='Continue'] - 按子串查找

//button[@class='button' AND @onclick='shippingMethod.save()'] - 使用 AND

//button[@class='button' OR @onclick='shippingMethod.save()'] - 使用 OR

(//button[@type='button'])[1] - 使用索引，从 1 开始。尝试更改索引值

例如：(//button[@type='button'])[X] 这里 X 取索引值。