Selenium元素定位的30種方式(史上最全)
Selenium對(duì)網(wǎng)頁(yè)的控制是基于各種前端元素的，在使用過(guò)程中，對(duì)于元素的定位是基礎(chǔ)，只有準(zhǔn)去抓取到對(duì)應(yīng)元素才能進(jìn)行后續(xù)的自動(dòng)化控制，我在這里將對(duì)各種元素定位方式進(jìn)行總結(jié)歸納一下。
這里將統(tǒng)一使用百度首頁(yè)（www.baidu.com）進(jìn)行示例，f12可以查看具體前端代碼。
WebDriver8種基本元素定位方式
find_element_by_id()
采用id屬性進(jìn)行定位。例如在百度頁(yè)面中輸入關(guān)鍵字 Selenium 進(jìn)行搜索。百度部分關(guān)鍵源碼如下：
<span class="bg s_ipt_wr quickdelete-wrap"> <span class="soutu-btn"></span> <input id="kw" class="s_ipt" autocomplete="off" maxlength="255" value="" name="wd"> <a id="quickdelete" class="quickdelete" href="javascript:;" rel="external nofollow" title="清空" style="top: 0px; right: 0px; display: none;"></a> </span> <span class="bg s_btn_wr"> <input id="su" class="bg s_btn" type="submit" value="百度一下"> </span>
可以看到輸入框和百度一下的按鈕都有id，那么定位代碼如下：
#coding=utf-8
from selenium import webdriver
import time
from selenium.webdriver.common.by import By
driver = webdriver.Chrome()
driver.implicitly_wait(10)
driver.get("http://www.baidu.com")
driver.find_element_by_id("kw").send_keys("Selenium")
driver.find_element_by_id("su").click()
time.sleep(2)
driver.quit()
find_element_by_name()
find_element_by_class_name()
根據(jù)name元素和class的名字進(jìn)行定位，這兩種定位方式和id定位相似，在前端代碼中，id、name和class一般都至少會(huì)有其中的一種，比如百度的搜索框具有name屬性，我們可以用name定位搜索款，class定位百度一下的按鈕：
driver.find_element_by_name("wd").send_keys("Python")
driver.find_element_by_class_name("s_btn").click()
find_element_by_xpath()
xpath是XML路徑語(yǔ)言，它可以用來(lái)確定xml文檔中的元素位置，通過(guò)元素的路徑來(lái)完成對(duì)元素的查找。HTML就是XML的一種實(shí)現(xiàn)方式，所以xpath是一種非常強(qiáng)大的定位方式。xpath也分幾種不同類型的定位方法。
一種是絕對(duì)路徑定位。這種定位方式是利用html標(biāo)簽名的層級(jí)關(guān)系來(lái)定位元素的絕對(duì)路徑，一般從<html>標(biāo)簽開(kāi)始依次往下進(jìn)行查找。如百度搜索框的絕對(duì)路徑xpath定位可以是這樣的：find_element_by_xpath("/html/body/div[1]/div[1]/div/div[1]/div/form/span[1]/input")
還有一種是利用元素屬性來(lái)進(jìn)行xpath定位，搜索框還可以利用id和name屬性去定位：
find_element_by_xpath("http://input[@id='kw']")
find_element_by_xpath("http://*[@name='wd']")
其中的標(biāo)簽名input也可以用*來(lái)代替，而且只要是在該標(biāo)簽內(nèi)，任意屬性都可以，比如搜索框的maxlength屬性：
find_element_by_xpath("http://input[@maxlength='255']")
有的時(shí)候我們會(huì)發(fā)現(xiàn)絕對(duì)路徑定位路徑太長(zhǎng)，而且光憑路徑完全不可以猜測(cè)到其指向的具體頁(yè)面元素，如果只有單純的元素屬性不一定可以每次查找的元素都可以又唯一的屬性去方便定位，這個(gè)時(shí)候我們可以將這兩種定位方式結(jié)合起來(lái)使用。
比如查找搜索框的時(shí)候發(fā)現(xiàn)其上級(jí)元素form又唯一的id方便定位，就可以先查找到form元素然后依次往下寫路徑：
find_element_by_xpath("http://form[@id='form']/span/input")
這種定位方式的使用過(guò)程中，如果元素的單個(gè)屬性無(wú)法確定其唯一性，可以用and連接多個(gè)屬性去確定。
find_element_by_css_selector()
CSS屬性定位可以比較靈活地選擇控件的任意屬性，定位方式也會(huì)比xpath快。
同樣是那個(gè)百度搜索的例子，可以試一下：
driver.find_element_by_css_selector(".s_ipt").send_keys("selenium")
driver.find_element_by_css_selector("#su").click()
如果有css基礎(chǔ)的話就應(yīng)該可以看懂，一般class是用.標(biāo)記，id是用#標(biāo)記，標(biāo)簽名直接寫具體標(biāo)簽名就好了。
css定位里面也可以通過(guò)屬性或者組合方式定位：
driver.find_element_by_css_selector("input[autocomplete='off']").send_keys("Python")
driver.find_element_by_css_selector("span.bg.s_btn_wr>input#su").click()
具體說(shuō)一下百度一下那個(gè)按鈕的組合定位方式，這樣寫的定位順序是這樣的，先定位到一個(gè)class名為bg s_btn_wr的span標(biāo)簽，在這個(gè)標(biāo)簽下面有一個(gè)id為su的input標(biāo)簽，這樣就定位到了。
值得注意的是，在css里面下級(jí)標(biāo)簽元素用>連接，如果class里面有空格，空格用.進(jìn)行連接。
find_element_by_tag_name ()
通過(guò)標(biāo)簽名去定位的方式一般是這樣的：find_element_by_tag_name("input")
可見(jiàn)僅僅通過(guò)標(biāo)簽名去定位時(shí)，一般一種標(biāo)簽在一個(gè)頁(yè)面里面會(huì)出現(xiàn)不止一次甚至大量出現(xiàn)，這種定位方式的作用不是很大，所以用的也就比較少。
find_element_by_link_text()
find_element_by_partial_link_text()
這兩種定位方式是專門用于定位超鏈接的，也就是對(duì)應(yīng)html頁(yè)面中的<a>標(biāo)簽，括號(hào)里傳的值就是a標(biāo)簽中的超鏈接文字，兩者的區(qū)別在于一個(gè)是完整的超鏈接文字，一個(gè)是可以只寫部分超鏈接文字。
比如點(diǎn)擊百度首頁(yè)中右上角的新聞超鏈接，可以這樣去定位：
driver.find_element_by_link_text("新聞").click()
driver.find_element_by_partial_link_text("聞").click()
By定位
通過(guò)對(duì)上面8種基本元素定位方式的學(xué)習(xí)，在使用過(guò)程種可以根據(jù)實(shí)際的情況去選擇對(duì)應(yīng)的的定位方式，我們可以用By來(lái)設(shè)置定位策略，具體語(yǔ)法如下：
find_element(By.ID,"kw") find_element(By.NAME,"wd") find_element(By.CLASS_NAME,"s_ipt") find_element(By.TAG_NAME,"input") find_element(By.LINK_TEXT,u"新聞") find_element(By.PARTIAL_LINK_TEXT,u"新") find_element(By.XPATH,"http://*[@class='bg s_btn']") find_element(By.CSS_SELECTOR,"span.bg s_btn_wr>input#su")
上面這些使用的前提是需要導(dǎo)入By類：from selenium.webdriver.common.by import By
最簡(jiǎn)單粗暴卻失傳已久的8種定位
據(jù)說(shuō)這種定位方式在江湖上都快要失傳了，實(shí)在想不通為什么，明明寫起來(lái)最簡(jiǎn)單粗暴啊~
driver.find_element("name","wd").send_keys("Selenium2")
driver.find_element("id","su").click()
相信通過(guò)上面的兩只栗子，大家一定會(huì)和我一樣覺(jué)得這種方式的定位實(shí)在是太省事了~只要寫find_element就好啦，下面我們來(lái)總結(jié)一下這8種寫法與基本定位方法類比過(guò)來(lái)該怎么寫：
by_id -> find_element("id","")
by_xpath -> find_element("xpath","")
by_link_text -> find_element("link text","")
by_partial_text -> find_element("partial link text","")
by_name -> find_element("name","")
by_tag_name -> find_element("tag name","")
by_class_name -> find_element("class name","")
by_css_selector -> find_element("css selector","")
elements復(fù)數(shù)定位
在上面的例舉的八中基本定位方式種，都有對(duì)應(yīng)的復(fù)數(shù)形式，分別是下面這些：
id復(fù)數(shù)定位find_elements_by_id()
name復(fù)數(shù)定位find_elements_by_name()
class復(fù)數(shù)定位find_elements_by_class_name()
tag復(fù)數(shù)定位find_elements_by_tag_name()
link復(fù)數(shù)定位find_elements_by_link_text()
partial_link復(fù)數(shù)定位find_elements_by_partial_link_text()
xpath復(fù)數(shù)定位find_elements_by_xpath()
css復(fù)數(shù)定位find_elements_by_css_selector()
這些復(fù)數(shù)定位方式每次取到的都是具有相同類型屬性的一組元素，所以返回的是一個(gè)list隊(duì)列，我們也可以利用這個(gè)去定位單個(gè)的元素。比如百度首頁(yè)種，右上角有新聞、視頻、地圖、貼吧等一些鏈接，我們通過(guò)f12查看源碼可以發(fā)現(xiàn)，這些鏈接都有共同的class， 。
舉個(gè)例子，比如定位排在第六個(gè)的學(xué)術(shù)，可以這樣定位：driver.find_elements_by_class_name("mnav")[5].click()
還可以通過(guò)css的復(fù)數(shù)定位寫法：driver.find_elements("css selector",".mnav")[6].click()
當(dāng)然，也可以借助pop()函數(shù)，一般pop()或pop(-1)表示獲取元素種的最后一個(gè)，pop(2)表示第三個(gè)：
driver.find_elements("css selector",".mnav").pop().click()
JS的5種定位方式總結(jié)
其實(shí)看到這里，上面的定位方式應(yīng)該就基本夠用了，但是有的時(shí)候就是會(huì)出現(xiàn)一些詭異的定位失效或者定位到了點(diǎn)擊失效的問(wèn)題，這個(gè)時(shí)候如果用js進(jìn)行直接執(zhí)行該事件，往往就可以解決那些詭異的事情~
id定位：document.getElementById()
name定位：document.getElementsByName()
tag定位：document.getElementsByTagName()
class定位：document.getElementsByClassName()
css定位：document.querySelectorAll()
其中只有id對(duì)象用的是Element返回是單個(gè)對(duì)象，其他都是Elements返回的是一個(gè)list這點(diǎn)千萬(wàn)要注意，具體用法和上面的webdriver基礎(chǔ)定位一樣。先寫好對(duì)應(yīng)的js語(yǔ)句，可以先賦值給一個(gè)變量，然后后調(diào)用execute_script進(jìn)行執(zhí)行一下js就好了，下面還是結(jié)合那個(gè)百度搜索的栗子，我寫的腳本，可以對(duì)應(yīng)學(xué)習(xí)實(shí)驗(yàn)一下：
search_js = "document.getElementsByName('wd')[0].value='selenium';"
search_js2 = "document.querySelectorAll('.s_ipt')[0].value='selenium';"
button_js = "document.getElementById('su').click();"
button_js2 = "document.getElementsByClassName('s_btn')[0].click()"
driver.execute_script(search_js2)
driver.execute_script(button_js2)
以上分別結(jié)合常用的四種js定位方式寫了四條js語(yǔ)句，然后要執(zhí)行的就execute_script一下就好啦~
超神的jQuery定位
據(jù)說(shuō)會(huì)jQuery定位的在定位的路上就是披襟斬棘，所向披靡~如此超神的定位，還是可以了解一下的~
jQuery語(yǔ)法是為HTML元素的選取編制的，可以對(duì)元素執(zhí)行一些具體的操作
基礎(chǔ)語(yǔ)法是$(selector).action()
$符號(hào)定義jQuery，selector選擇器用來(lái)查詢具體的HTML元素，通過(guò)action()來(lái)執(zhí)行對(duì)元素的具體操作。
其中我們經(jīng)常用到的action()在jq中有這么幾種：
$(selector).val('input_value') 其中input_value表示要輸入的文本的值
$(selector).val('') 如果為空，則執(zhí)行后是清空的意思
$(selector).click() 行為也是肯定有的
讓我們結(jié)合百度的栗子看一下，用jQuery的寫法和js有一點(diǎn)點(diǎn)的類似，但明顯簡(jiǎn)潔多了：
search_jq = "$('#kw').val('selenium')"
button_jq = "$('.s_btn').click()"
driver.execute_script(search_jq)
driver.execute_script(button_jq)
以上就是對(duì)webdriver的一些基本定位方式總結(jié)，我們?cè)賮?lái)回顧一下：
分別是……
8種webdriver的基本地位方式，還有對(duì)應(yīng)的8種復(fù)數(shù)定位，js有5中定位方式，還有超神的jQuery定位，當(dāng)然，不要忘了快要失傳的那8種定位，一共是30種，在實(shí)際應(yīng)用中，總有一種適合你(●ˇ∀ˇ●)
到此這篇關(guān)于Selenium元素定位的30種方式(史上最全)的文章就介紹到這了,更多相關(guān)Selenium元素定位內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
基于打開(kāi)pycharm有帶圖片md文件卡死問(wèn)題的解決
這篇文章主要介紹了基于打開(kāi)pycharm有帶圖片md文件卡死問(wèn)題的解決，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-04-04
pandas apply多線程實(shí)現(xiàn)代碼
這篇文章主要介紹了pandas apply多線程實(shí)現(xiàn)代碼，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
Flask框架Jinjia模板常用語(yǔ)法總結(jié)
這篇文章主要介紹了Flask框架Jinjia模板常用語(yǔ)法,結(jié)合實(shí)例形式總結(jié)分析了Jinjia模板的變量、賦值、流程控制、函數(shù)、塊、宏等基本使用方法,需要的朋友可以參考下2018-07-07
實(shí)現(xiàn)原理是，查詢netstat的連接數(shù)，同IP超過(guò)一定連接的用iptables封禁一定時(shí)間，自動(dòng)封禁，自動(dòng)解封。2011-02-02
Python的Django框架中if標(biāo)簽的相關(guān)使用
這篇文章主要介紹了Python的Django框架中if標(biāo)簽的相關(guān)使用,是Django框架使用中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-07-07
在本篇文章里小編給大家整理的是一篇關(guān)于python一繪制元二次方程曲線的實(shí)例分析內(nèi)容，有興趣的朋友們可以跟著學(xué)習(xí)參考下。2021-07-07
這篇文章主要介紹了python 錯(cuò)誤處理 assert詳解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-04-04
這篇文章主要介紹了Python中的min及返回最小值索引的操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2021-05-05
jsonPath 是一種信息抽取類庫(kù),是從JSON文檔中抽取指定信息的工具,提供多種語(yǔ)言實(shí)現(xiàn)版本,包括:Javascript, Python, PHP 和 Java。本文給大家介紹python的jsonpath 提取器，感興趣的朋友跟隨小編一起看看吧2022-01-01
python3.7 openpyxl 在excel單元格中寫入數(shù)據(jù)實(shí)例
這篇文章主要介紹了python3.7 openpyxl 在excel單元格中寫入數(shù)據(jù)實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-09-09