无法通过XPATH定位HighChart元素

Question

问题:我有以下的HTML (ScreenShot图像链接)，并且我想找到红色元素，我使用了XPath，

XPath = //div[@id="SpendByVendorPieChart"]/div[@id="highcharts-10"]/svg/g[@class="highcharts-series highcharts-series-0 highcharts-tracker"]/path[@fill="#01BBAA"]

HTML结构ScreenShot

XPath是正确的，但是它找不到元素，直到节点2才找到，从svg节点找不到，但是当我使用CSS时它找到了这个元素。这是XPath的问题吗?因为它找不到像PieChart这样的图形元素，条形图。

在这种情况下，请帮助我，我只想使用XPath，因为它为编写自定义表达式提供了很大的灵活性。

Answer 1

相反，直接使用标记svg、g和path，将其更改为[name()='svg']、[name()='g']和[name()='path']。你能试试下面的xpath吗

//div[@id="SpendByVendorPieChart"]/div[@id="highcharts-10"]/descenant::*[name()='g'][@class="highcharts-series highcharts-series-0 highcharts-tracker"]/*[name()='path'][@fill="#01BBAA"]