是否可以导航到第 6 个 svg 标签，然后是第 4 个 g 标签以获取“35”的文本？

Question

The text '35' is what I am interested of capturing. (It is always the 6th svg tag followed by 4th g tag

My code:

driver = webdriver.Chrome()
driver.get(url)
value = driver.find_element_by_xpath("//*[name()='div' and @id='chartContainer']//*[name()= 'svg' and @style= 'position: absolute; z-index: 6;']//*[name()= 'g' and @font-size= '10pt]")
driver.quit()
print(value)

[网站网址][2]

错误信息： *

InvalidSelectorException：消息：无效选择器：无法定位 具有 xpath 表达式的元素 //[name()='div' 和 @id='chartContainer']//[name()= 'svg' 和@style= '位置： 绝对; z-index: 6;']//[name()= 'g' and @font-size= '10pt] 因为 以下错误： SyntaxError: Failed to execute 'evaluate' on 'Document'：字符串 '//[name()='div' 和 @id='chartContainer']//[name()= 'svg' 和 @style= '位置： 绝对; z-index: 6;']//[name()= 'g' and @font-size= '10pt]' 不是 一个有效的 XPath 表达式。 （会话信息：chrome=94.0.4606.81）

Answer 1

你可以像这样指向第 6 个 svg 和第 4 个 g 标签：

((//div[@id='chartContainer']//*[name()='svg'])[6]//*[name()='g'])[4]//*[name()='text']

在代码中：

value = driver.find_element_by_xpath("((//div[@id='chartContainer']//*[name()='svg'])[6]//*[name()='g'])[4]//*[name()='text']").text
print(value)

请在交互之前进行一些明确的等待。

代码试用 1：

time.sleep(5)
value = driver.find_element_by_xpath("((//div[@id='chartContainer']//*[name()='svg'])[6]//*[name()='g'])[4]//*[name()='text']").text
print(value)

代码试用 2：

value = WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "((//div[@id='chartContainer']//*[name()='svg'])[6]//*[name()='g'])[4]//*[name()='text']"))).text
print(value)

进口：

from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.common.by import By
from selenium.webdriver.support import expected_conditions as EC

PS：如果我们在HTML DOM 中有唯一条目，请检查dev tools（谷歌浏览器）。

检查步骤：

Press F12 in Chrome -> 转到element 部分 -> 做一个CTRL + F -> 然后粘贴xpath 看看，如果你想要的element 用@ 得到突出显示 987654333@匹配节点。

Answer 2

' 在您的 xPath 表达式的最后一个缺失。

value = driver.find_element_by_xpath("//*[name()='div' and @id='chartContainer']//*[name()= 'svg' and @style= 'position: absolute; z-index: 6;']//*[name()= 'g' and @font-size= '10pt']")

但是上面xPath你写的内容指向第6个svg标签和第6个g标签。

您需要使用以下任一xPath 来指向第6 个svg 和第4 个g 标记。

//*[name()='div' and @id='chartContainer']//*[name()= 'svg' and @style= 'position: absolute; z-index: 6;']//*[name()= 'g' ][4]

或者

//*[name()='div' and @id='chartContainer']//*[name()= 'svg'][6]//*[name()= 'g' ][4]