为 svg 标签创建 XPATH

Question

下面是 SVG 的 html，请帮我创建 XPATH

<svg data-reactid=".1q.0.3.1.0" version="1.1" class="svg-connector">
   <circle data-reactid=".1q.0.3.1.0.0" r="7" cy="11" cx="11" class="inner-circle"/>
</svg>

Answer 1

对于svg节点，您需要使用以下语法：

//*[name()="svg" and @class="svg-connector"]

这是因为公共HTML节点和svg节点属于不同的命名空间

Answer 2

这些<svg>元素不是来自XHTML命名空间，而是属于SVG命名空间。因此，您必须name()="svg"在构建时指定xpath如下：

//*[name()="svg" and @class="svg-connector"]/*[name()="circle" and @class="inner-circle"]

您可以在Selenium WebDriver [Java]：如何使用 XPath 单击 SVG 中的元素中找到详细讨论

Answer 3

尝试以下操作xpath：

//svg[@class='svg-connector']