[英]Python (Selenium) - Invalid selector when using Xpath
我想讓我的 python 單擊網頁中的鏈接,我嘗試了以下 3 種方法在我的 python 代碼中為 Span 元素指定 Xpath:
driver.find_element_by_xpath("//*[@id='ChartUnitsHistory_ranges']/span[text()='1y']").click()
driver.find_element_by_xpath("//div[@class='graphControls']/span/1y")
driver.find_element_by_xpath("//a[@class='graphControls']/span[text()='1y']").click()
但所有這些都失敗了,並顯示相同的錯誤消息:
selenium.common.exceptions.InvalidSelectorException:消息:指定的選擇器無效。
更新的錯誤信息:
Traceback (most recent call last): File "02042020.py", line 31, in <module>
driver.find_element_by_xpath("//span[@id='ChartUnitsHistory_ranges']/a[text()='1y']").click() File "C:\Users\username\PycharmProjects\Web_Scraping\venv\lib\site-packages\selenium\webdriver\remote\webdriver.py", line 394, in find_element_by_xpath
return self.find_element(by=By.XPATH, value=xpath) File "C:\Users\username\PycharmProjects\Web_Scraping\venv\lib\site-packages\selenium\webdriver\remote\webdriver.py", line 976, in find_element
return self.execute(Command.FIND_ELEMENT, { File "C:\Users\username\PycharmProjects\Web_Scraping\venv\lib\site-packages\selenium\webdriver\remote\webdriver.py", line 321, in execute
self.error_handler.check_response(response) File "C:\Users\username\PycharmProjects\Web_Scraping\venv\lib\site-packages\selenium\webdriver\remote\errorhandler.py", line 242, in check_response
raise exception_class(message, screen, stacktrace) selenium.common.exceptions.InvalidSelectorException: Message: The specified selector is invalid.
我需要幫助為“1y”選項提出正確的 Xpath。
HTML 源代碼:
<div class="graphControls">
<a href="javascript:jsChartUnitsHistory.getOptions().shiftRange(100, true)"><<</a>
<a href="javascript:jsChartUnitsHistory.getOptions().shiftRange(33, true)"><</a>
<a href="javascript:jsChartUnitsHistory.getOptions().shiftRange(33, false)">></a>
<a href="javascript:jsChartUnitsHistory.getOptions().shiftRange(100, false)">>></a>
<a href="javascript:jsChartUnitsHistory.getOptions().updateRange(0,'now')">>|</a>
<a href="javascript:jsChartUnitsHistory.getOptions().zoom(50);">[ + ]</a>
<a href="javascript:jsChartUnitsHistory.getOptions().zoom(200);">[ - ]</a>
<span id="ChartUnitsHistory_ranges" style="">
<a href="javascript:jsChartUnitsHistory.getOptions().updateRange(1,'year')">1y</a>
<a href="javascript:jsChartUnitsHistory.getOptions().updateRange(3,'month')">3m</a>
<a href="javascript:jsChartUnitsHistory.getOptions().updateRange(1,'month')">1m</a>
<a href="javascript:jsChartUnitsHistory.getOptions().updateRange(2,'week')">2w</a>
<a href="javascript:jsChartUnitsHistory.getOptions().updateRange(1,'week')">1w</a>
<a href="javascript:jsChartUnitsHistory.getOptions().updateRange(3,'day')">3d</a>
</span>
<a href="#" id="ChartUnitsHistory_embiggen" onclick="EnlargeFlotChart( 'ChartUnitsHistory', jsChartUnitsHistory, 1100, 312 ); return false">enhance</a>
<a href="#" id="ChartUnitsHistory_restore" style="display:none;" onclick="RestoreFlotChart( 'ChartUnitsHistory', jsChartUnitsHistory, 700, 160 );;return false">unenhance</a>
<div style="clear: both;"></div>
</div>
這些元素的布局在網頁上是這樣的:
<< < > >> >| [ + ] [ - ] 1y 3m 1m 2w 1w 3d 增強不增強另請參閱所附網頁截圖:網頁截圖
請讓我知道所提供的信息是否足夠。 先感謝您!
文本“1y”在<a>
標簽中, id='ChartUnitsHistory_ranges'
的父元素是<span>
driver.find_element_by_xpath("//span[@id='ChartUnitsHistory_ranges']/a[text()='1y']").click()
"//div[@class='graphControls']/span/1y"
不起作用,因為“1y”在這里被視為標簽。
"//a[@class='graphControls']/span[text()='1y']"
不起作用,因為class='graphControls'
在<div>
標簽中並且元素不是直接子元素, /
用於直接子代, //
用於任何后代。
您也可以css_selector
使用css_selector
driver.find_element_by_css_selector('#ChartUnitsHistory_ranges > [href$="(1,\'year\')"]').click()
所需的元素是啟用了JavaScript 的元素,因此要理想地單擊該元素,您必須為element_to_be_clickable()
引入WebDriverWait ,您可以使用以下任一定位器策略:
使用LINK_TEXT
:
WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.LINK_TEXT, "1y"))).click()
使用CSS_SELECTOR
:
WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "div.graphControls span#ChartUnitsHistory_ranges a[href*='year']"))).click()
使用XPATH
:
WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//div[@class='graphControls']//span[@id='ChartUnitsHistory_ranges']//a[contains(@href, 'year')]"))).click()
注意:您必須添加以下導入:
from selenium.webdriver.support.ui import WebDriverWait from selenium.webdriver.common.by import By from selenium.webdriver.support import expected_conditions as EC
如果您使用的是 Chrome,則可以單擊F12
切換到開發人員模式並找到 HTML 元素。 然后右鍵單擊要復制的元素:
在您的情況下,您需要復制Xpath
。 這將是獲取 Xpath 的快速方法。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.