使用Selenium對網(wǎng)頁元素進行定位的諸種方法

時間：2023-07-22 16:18:02 | 來源：網(wǎng)站運營

時間：2023-07-22 16:18:02 來源：網(wǎng)站運營

使用Selenium對網(wǎng)頁元素進行定位的諸種方法：使用Selenium進行自動化操作，首先要做的就是通過webdriver的get()方法打開一個URL鏈接。

在打開鏈接，完成頁面加載之后，就可以通過Selenium提供的接口，在頁面上進行各種操作了，下面我們來了解一下如何在查找元素。

3.1 查找和定位網(wǎng)頁元素

在上一篇的示例中，我們就演示了如何通過find_element_by_id()方法，根據(jù)元素的id值來定位頁面元素。

除了根據(jù)元素的id值來查找元素外，Selenium還提供了很多查找元素的方法：










從上圖中可以看到，Selenium提供了近二十個find_element族的方法來供我們在頁面中查找元素，其中包括id、name、類名、css選擇器、鏈接文本、標簽名、xpath等。

定位單個匹配元素的方法有：

• find_element_by_id
• find_element_by_name
• find_element_by_xpath
• find_element_by_link_text
• find_element_by_partial_link_text
• find_element_by_tag_name
• find_element_by_class_name
• find_element_by_css_selector

定位多個匹配元素的方法有：

• find_elements_by_name
• find_elements_by_xpath
• find_elements_by_link_text
• find_elements_by_partial_link_text
• find_elements_by_tag_name
• find_elements_by_class_name
• find_elements_by_css_selector

我們可以根據(jù)不同頁面的不同情況來查找定位到我們所需要的頁面元素。

3.2 通過id屬性進行定位

如果你知道元素的id屬性值，那么可以使用find_element_by_id()方法來定位元素，其將返回id屬性值與該位置匹配的第一個元素。

百度首頁的搜索框結(jié)構(gòu)如下圖：










# coding:utf-8''' @author:州的先生 @site:zmister.com @微信公眾號：州的先生'''from selenium import webdriverdriver = webdriver.Chrome(executable_path=r"D:/chromedriver_win32/chromedriver.exe")driver.get('http://www.baidu.com')ele = driver.find_element_by_id('haha')print(ele)ele返回的是一個對應(yīng)的element元素：










如果沒有元素匹配傳入的id值，將會拋出一個NoSuchElementException異常：

# coding:utf-8''' @author:州的先生 @site:zmister.com @微信公眾號：州的先生'''from selenium import webdriverdriver = webdriver.Chrome(executable_path=r"D:/chromedriver_win32/chromedriver.exe")driver.get('http://www.baidu.com')ele = driver.find_element_by_id('haha')print(ele)運行代碼，因為沒有匹配的id值，所以拋出了異常：

3.3通過name屬性進行定位

如果你知道元素的name屬性值，那么可以使用find_element_by_name()方法獲取第一個匹配name屬性值的元素：










# coding:utf-8''' @author:州的先生 @site:zmister.com @微信公眾號：州的先生'''from selenium import webdriverdriver = webdriver.Chrome(executable_path=r"D:/chromedriver_win32/chromedriver.exe")driver.get('http://www.baidu.com')ele = driver.find_element_by_name('wd')print(ele)ele返回匹配到的element元素：

C:/Python35/python.exe E:/pythonproject/selenium_env/code/2.py<selenium.webdriver.remote.webelement.WebElement (session="23d00cea9ce99d36ffcac96cfb3ca12c", element="0.7355927465563321-1")>如果定位一個沒有的name屬性值，那么也會拋出NoSuchElementException異常：

# coding:utf-8''' @author:州的先生 @site:zmister.com @微信公眾號：州的先生'''from selenium import webdriverdriver = webdriver.Chrome(executable_path=r"D:/chromedriver_win32/chromedriver.exe")driver.get('http://www.baidu.com')ele = driver.find_element_by_name('zmister')print(ele)

3.4 通過Xpath進行元素定位

XPath是用于在XML文檔中查找節(jié)點的一種語言。由于HTML可以是XML（XHTML）的實現(xiàn)，因此我們可以利用這種強大的語言在網(wǎng)頁中進行元素的定位。XPath擴展并支持了通過id或name屬性定位的簡單方法，并提供了各種新的操作，例如在頁面上查找第三個復(fù)選框等。

使用Xpath的一個原因是，有時候頁面上我們需要定位的元素并沒有id屬性和name屬性，這時候就可以用Xpath以絕對路徑的方式進行元素定位，或者是通過id或name屬性值定位到父元素再取到子元素。

對于Xpath的知識，在此不做介紹，有需要的同學(xué)看看專門介紹Xpath的網(wǎng)站或教程，比如：

• W3schhool Xpath教程

在此我們簡單介紹一下如何快速地通過瀏覽器獲取到頁面元素的Xpath路徑。在瀏覽器中打開網(wǎng)頁調(diào)試控制臺，在需要定位的元素上，單擊鼠標右鍵，會出現(xiàn)一個選項欄，在“copy”中選擇“Copy XPath”即可：










# coding:utf-8''' @author:州的先生 @site:zmister.com @微信公眾號：州的先生'''from selenium import webdriverdriver = webdriver.Chrome(executable_path=r"D:/chromedriver_win32/chromedriver.exe")driver.get('http://www.baidu.com')ele = driver.find_element_by_xpath('//*[@id="kw"]')print(ele)這樣，我們通過XPath路徑也能夠定位到百度首頁搜索框：

3.5 通過標簽名來定位元素

當我們想通過元素的標簽名稱來定位一個元素時，可以使用find_element_by_tag_name()這個方法，其將返回具有給定標簽名稱的第一個元素：

# coding:utf-8''' @author:州的先生 @site:zmister.com @微信公眾號：州的先生'''from selenium import webdriverdriver = webdriver.Chrome(executable_path=r"D:/chromedriver_win32/chromedriver.exe")driver.get('http://www.baidu.com')ele = driver.find_element_by_tag_name('input')print(ele)在這里，我們直接通過input的元素標簽名來進行定位，因為百度首頁上第一個input為搜索框，所以我們也能夠定位到：










如果匹配不到，同樣會拋出NoSuchElementException異常。

3.6 通過class類名來定位元素

如果我們想通過元素的class屬性值來定位，那么可以使用find_element_by_class_name()方法。其將返回匹配的第一個元素，如果沒有匹配的元素，同樣會拋出NoSuchElementException異常：

# coding:utf-8''' @author:州的先生 @site:zmister.com @微信公眾號：州的先生'''from selenium import webdriverdriver = webdriver.Chrome(executable_path=r"D:/chromedriver_win32/chromedriver.exe")driver.get('http://www.baidu.com')ele = driver.find_element_by_class_name('s_btn')print(ele)








在這里，我們通過class類名定位了百度首頁的搜索按鈕。

3.7 通過CSS選擇器進行定位元素

CSS選擇器是一種通過元素的CSS屬性值來定位元素的語法，我們可以使用find_element_by_css_selector()方法通過css選擇器定位元素：

# coding:utf-8''' @author:州的先生 @site:zmister.com @微信公眾號：州的先生'''from selenium import webdriverdriver = webdriver.Chrome(executable_path=r"D:/chromedriver_win32/chromedriver.exe")driver.get('http://www.baidu.com')ele = driver.find_element_by_css_selector('input.s_btn')print(ele)CSS選擇器的絕對語法我們可以通過瀏覽器調(diào)試控制臺中的“Copy”獲取到：

3.8 通過鏈接標簽文字定位元素

除了上述的元素定位方式，我們還可以通過a標簽上的文字進行元素定位，使用的是find_element_by_link_text()方法。

在百度首頁的最頂部，是有一排鏈接的，如下圖：










如果我們需要定位到“地圖”那個鏈接元素上，就可以這樣操作：

# coding:utf-8''' @author:州的先生 @site:zmister.com @微信公眾號：州的先生'''from selenium import webdriverdriver = webdriver.Chrome(executable_path=r"D:/chromedriver_win32/chromedriver.exe")driver.get('http://www.baidu.com')ele = driver.find_element_by_link_text('地圖')print(ele)這樣就成功的地位到了元素：










同樣的，如果匹配不到，也會拋出NoSuchElementException異常：

# coding:utf-8''' @author:州的先生 @site:zmister.com @微信公眾號：州的先生'''from selenium import webdriverdriver = webdriver.Chrome(executable_path=r"D:/chromedriver_win32/chromedriver.exe")driver.get('http://www.baidu.com')ele = driver.find_element_by_link_text('州的先生')print(ele)匹配不到鏈接文字為“州的先生”的元素：

3.9總結(jié)

在本篇，我們介紹了在使用Selenium打開一個頁面之后，如何通過id屬性、name屬性、class屬性、Xpath路徑、CSS選擇器、標簽名等方式對元素進行查找和地位。成功定位頁面元素是對頁面進行復(fù)雜操作的一個重要前提，下一篇我們將會介紹在頁面中進行各種操作。