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"]

这是因为common HTML nodes和svg nodes属于不同的命名空间

Answer 2

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

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

您可以在Selenium WebDriver [Java]: How to Click on elements within an SVG using XPath

中找到详细的讨论

Answer 3

尝试以下xpath：

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

为svg标记创建XPATH

3 个答案: