一、Select元素
1.打開百度-設置-搜索設置界面,以下圖所示url
2.箭頭所指位置,就是 select 選項框,打開頁面元素定位,下方紅色框框區域,能夠看到 select 標籤屬性:spa
<select id="nr" name="NR">
3.選項有三個
<option selected="" value="10">每頁顯示 10 條</option>
<option value="20">每頁顯示 20 條</option>
<option value="50">每頁顯示 50 條</option>.net
二、定位select
定位select有多種方法,下面進行一一介紹
2.1 二次定位
1.定位 select 裏的選項有多種方式,這裏先介紹一種簡單的方法:二次定位
2.基本思路,先定位 select 框,再定位 select 裏的選項
完整代碼以下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
# coding:utf-8
from
selenium
import
webdriver
from
selenium.webdriver.common.action_chains
import
ActionChains
driver
=
webdriver.Firefox()
driver.get(
"https://www.baidu.com/"
)
driver.implicitly_wait(
20
)
mouse
=
driver.find_element_by_link_text(
"設置"
)
ActionChains(driver).move_to_element(mouse).perform()
driver.find_element_by_link_text(
"搜索設置"
).click()
s
=
driver.find_element_by_id(
"nr"
)
s.find_element_by_xpath(
"//option[@value='50']"
).click()
# 二次定位另一種寫法
driver.find_element_by_id(
"nr"
).find_element_by_xpath(
"//option[@value='50']"
).click()
|
3.還有另一種寫法也是能夠的,把最下面兩步合併成爲一步:
driver.find_element_by_id("nr").find_element_by_xpath("//option[@value='50']").click()
2.2 直接定位
1.有不少小夥伴說 firebug 只能定位到 select 框,還能定位裏面的選項。
2.用 direbug 定位到 select 後,下方查看元素屬性地方,點 select 標籤前面的+號,就能夠展開裏面的選項內容了。
3.而後本身寫 xpath 定位或者 css,一次性直接定位到 option 上的內容。
完整代碼以下:
1
2
3
4
5
6
7
8
9
10
11
12
13
|
# coding:utf-8
from
selenium
import
webdriver
from
selenium.webdriver.common.action_chains
import
ActionChains
driver
=
webdriver.Firefox()
driver.get(
"https://www.baidu.com/"
)
driver.implicitly_wait(
20
)
mouse
=
driver.find_element_by_link_text(
"設置"
)
ActionChains(driver).move_to_element(mouse).perform()
driver.find_element_by_link_text(
"搜索設置"
).click()
# 直接點位
driver.find_element_by_xpath(
".//*[@id='nr']/option[2]"
).click()
|
2.3 Select 模塊(index)點位
1.除了上面介紹的兩種簡單的方法定位到 select 選項,selenium 還提供了更高級的玩法,導入 Select 模塊。直接根據屬性或索引定位。
2.先要導入 select 方法:
from selenium.webdriver.support.select import Select
3.而後經過 select 選項的索引來定位選擇對應選項(從 0 開始計數),如選擇第三個選項:select_by_index(2)
完整代碼以下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
# coding:utf-8
from
selenium
import
webdriver
from
selenium.webdriver.common.action_chains
import
ActionChains
from
selenium.webdriver.support.select
import
Select
driver
=
webdriver.Firefox()
driver.get(
"https://www.baidu.com/"
)
driver.implicitly_wait(
20
)
mouse
=
driver.find_element_by_link_text(
"設置"
)
ActionChains(driver).move_to_element(mouse).perform()
driver.find_element_by_link_text(
"搜索設置"
).click()
# 經過索引:select_by_index()
s
=
driver.find_element_by_id(
"nr"
)
Select(s).select_by_index(
2
)
|
2.4 Select 模塊(value)定位
1.Select 模塊裏面除了 index 的方法,還有一個方法,經過選項的 value值來定位。每一個選項,都有對應的 value 值,如
<select id="nr" name="NR">
<option selected="" value="10">每頁顯示 10 條</option>
<option value="20">每頁顯示 20 條</option>
<option value="50">每頁顯示 50 條</option>
2.第二個選項對應的 value 值就是「20」:select_by_value(2)
完整代碼以下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
# coding:utf-8
from
selenium
import
webdriver
from
selenium.webdriver.common.action_chains
import
ActionChains
from
selenium.webdriver.support.select
import
Select
driver
=
webdriver.Firefox()
driver.get(
"https://www.baidu.com/"
)
driver.implicitly_wait(
20
)
mouse
=
driver.find_element_by_link_text(
"設置"
)
ActionChains(driver).move_to_element(mouse).perform()
driver.find_element_by_link_text(
"搜索設置"
).click()
# 經過value定位:select_by_value()
s
=
driver.find_element_by_id(
"nr"
)
Select(s).select_by_value(
20
)
|
2.5 Select 模塊(text)定位
1.Select 模塊裏面還有一個更加高級的功能,能夠直接經過選項的文本內容來定位。
2.定位「每頁顯示 50 條」:select_by_visible_text("每頁顯示 50 條")
完整代碼以下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
# coding:utf-8
from
selenium
import
webdriver
from
selenium.webdriver.common.action_chains
import
ActionChains
from
selenium.webdriver.support.select
import
Select
driver
=
webdriver.Firefox()
driver.get(
"https://www.baidu.com/"
)
driver.implicitly_wait(
20
)
mouse
=
driver.find_element_by_link_text(
"設置"
)
ActionChains(driver).move_to_element(mouse).perform()
driver.find_element_by_link_text(
"搜索設置"
).click()
# 經過select_by_visible_text定位
s
=
driver.find_element_by_id(
"nr"
)
Select(s).select_by_visible_text(
"每頁顯示50條"
)
|
3.Select 模塊其它方法
1.select 裏面方法除了上面介紹的三種,還有更多的功能以下
select_by_index() :經過索引定位select_by_value() :經過 value 值定位select_by_visible_text() :經過文本值定位deselect_all() :取消全部選項deselect_by_index() :取消對應 index 選項deselect_by_value() :取消對應 value 選項deselect_by_visible_text() :取消對應文本選項first_selected_option() :返回第一個選項all_selected_options() :返回全部的選項