我們也可以用By定位來設置元素定位策略。
1、前提:
需要導入By類
from selenium.webdriver.common.by import By
2、語法如下:
# 1. 通過元素的id屬性進行定位。
find_element(By.ID, "id屬性值")
# 2. 通過元素的name屬性進行定位。
find_element(By.NAME, "name屬性值")
# 3. 通過元素的class屬性進行定位。
find_element(By.CLASS_NAME, "class屬性值")
# 4.通過元素標籤進行定位。
find_element(By.TAG_NAME, "標籤名")
# 5. 通過超鏈接中全部文字定位超鏈接。
find_element(By.LINK_TEXT, "完整超鏈接文本")
# 6. 通過超鏈接中部分連續文字定位超鏈接。
find_element(By.PARTIAL_LINK_TEXT, "部分超鏈接文本")
# 7. 通過XPath定位元素。
find_element(By.XPATH, "XPath路徑表達式")
# 8. 通過css選擇器定位元素。
find_element(By.CSS_SELECTOR, "css選擇器定位策略")
By定位與8種基本定位方法類比
基本定位方法 | 等同於By定位 |
---|---|
by_id | find_element(By.ID," “) or (“id”,” ") |
by_name | find_element(By.NAME," ") or (“name”, " ") |
by_class_name | find_element(By.CLASS_NAME," ") or (“class name”, " ") |
by_tag_name | find_element(By.TAG_NAME," ") or (“tag name”, " ") |
by_link_text | find_element(By.LINK_TEXT," ") or (“link text”, " ") |
by_partial_link_text | find_element(By.PARTIAL_LINK_TEXT," ") or (“partial link text”, " ") |
by_xpath | find_element(By.XPATH," ") or (“xpath”, " ") |
by_css_selector | find_element(By.CSS_SELECTOR," ") or (“css selector”, " ") |
這種方式只要統一寫
find_element()
就好,也很方便。看個人習慣使用。
3、示例:
# 1.導入selenium
from selenium import webdriver
from time import sleep
from selenium.webdriver.common.by import By
import os
# 2.打開瀏覽器
driver = webdriver.Chrome()
# 3.打開頁面
url = "file:///" + os.path.abspath("./1.html")
driver.get(url)
sleep(2)
# 4.定位目標元素
# 4.1 通過id屬性定位頁面中賬號A輸入框
# 寫法一
element_id_1 = driver.find_element(By.ID, "userA")
print(element_id_1.get_attribute("outerHTML"))
# 寫法二
element_id_2 = driver.find_element("id", "userA")
print(element_id_2.get_attribute("outerHTML"))
# 4.2 通過name屬性定位頁面中賬號A輸入框
# 寫法一
element_name_1 = driver.find_element(By.NAME, "userA")
print(element_name_1.get_attribute("outerHTML"))
# 寫法二
element_name_2 = driver.find_element("name", "userA")
print(element_name_2.get_attribute("outerHTML"))
# 4.3 通過class屬性定位頁面中賬號A輸入框
# 寫法一
element_class_1 = driver.find_element(By.CLASS_NAME, "c_uA")
print(element_class_1.get_attribute("outerHTML"))
# 寫法二
element_class_2 = driver.find_element("class name", "c_uA")
print(element_class_2.get_attribute("outerHTML"))
# 4.4 通過tag_name定位頁面中賬號A輸入框
# 寫法一
element_tag_name_1 = driver.find_element(By.TAG_NAME, "input")
print(element_tag_name_1.get_attribute("outerHTML"))
# 寫法二
element_tag_name_2 = driver.find_element("tag name", "input")
print(element_tag_name_2.get_attribute("outerHTML"))
# 4.5 通過link_text定位頁面中超鏈接
# 寫法一
element_link_text_1 = driver.find_element(By.LINK_TEXT, "訪問 新浪 網站")
print(element_link_text_1.get_attribute("outerHTML"))
# 寫法二
element_link_text_2 = driver.find_element("link text", "訪問 新浪 網站")
print(element_link_text_2.get_attribute("outerHTML"))
# 4.6 通過partial_link_text定位頁面中超鏈接
# 寫法一
element_partial_link_text_1 = driver.find_element(By.PARTIAL_LINK_TEXT, "問 新浪")
print(element_partial_link_text_1.get_attribute("outerHTML"))
# 寫法二
element_partial_link_text_2 = driver.find_element("partial link text", "問 新浪")
print(element_partial_link_text_2.get_attribute("outerHTML"))
# 4.7 通過XPath定位頁面中賬號A輸入框
# 寫法一
element_xpath_1 = driver.find_element(By.XPATH, "//input[@id='userA']")
print(element_xpath_1.get_attribute("outerHTML"))
# 寫法二
element_xpath_1 = driver.find_element("xpath", "//input[@id='userA']")
print(element_xpath_1.get_attribute("outerHTML"))
# 4.8 通過css_selector定位頁面中賬號A輸入框
# 寫法一
element_css_selector_1 = driver.find_element(By.CSS_SELECTOR, "input#userA")
print(element_css_selector_1.get_attribute("outerHTML"))
# 寫法二
element_css_selector_2 = driver.find_element("css selector", ".c_uA")
print(element_css_selector_2.get_attribute("outerHTML"))
# 5.關閉瀏覽器
driver.quit()
"""
輸出結果:
<input type="textA" name="userA" id="userA" class="c_uA" placeholder="賬號A" required="" value="">
<input type="textA" name="userA" id="userA" class="c_uA" placeholder="賬號A" required="" value="">
<input type="textA" name="userA" id="userA" class="c_uA" placeholder="賬號A" required="" value="">
<input type="textA" name="userA" id="userA" class="c_uA" placeholder="賬號A" required="" value="">
<input type="textA" name="userA" id="userA" class="c_uA" placeholder="賬號A" required="" value="">
<input type="textA" name="userA" id="userA" class="c_uA" placeholder="賬號A" required="" value="">
<input type="textA" name="userA" id="userA" class="c_uA" placeholder="賬號A" required="" value="">
<input type="textA" name="userA" id="userA" class="c_uA" placeholder="賬號A" required="" value="">
<a href="http://www.sina.com.cn" id="fwA">訪問 新浪 網站</a>
<a href="http://www.sina.com.cn" id="fwA">訪問 新浪 網站</a>
<a href="http://www.sina.com.cn" id="fwA">訪問 新浪 網站</a>
<a href="http://www.sina.com.cn" id="fwA">訪問 新浪 網站</a>
<input type="textA" name="userA" id="userA" class="c_uA" placeholder="賬號A" required="" value="">
<input type="textA" name="userA" id="userA" class="c_uA" placeholder="賬號A" required="" value="">
<input type="textA" name="userA" id="userA" class="c_uA" placeholder="賬號A" required="" value="">
<input type="textA" name="userA" id="userA" class="c_uA" placeholder="賬號A" required="" value="">
"""
4、複數形式
語法:
同單數差不多,就是find_element
換成了find_elements
,結果會返回一個元素列表結果集。
# 1. 通過元素的id屬性進行定位。
find_elements(By.ID, "id屬性值")
# 2. 通過元素的name屬性進行定位。
find_elements(By.NAME, "name屬性值")
# 3. 通過元素的class屬性進行定位。
find_elements(By.CLASS_NAME, "class屬性值")
# 4.通過元素標籤進行定位。
find_elements(By.TAG_NAME, "標籤名")
# 5. 通過超鏈接中全部文字定位超鏈接。
find_elements(By.LINK_TEXT, "完整超鏈接文本")
# 6. 通過超鏈接中部分連續文字定位超鏈接。
find_elements(By.PARTIAL_LINK_TEXT, "部分超鏈接文本")
# 7. 通過XPath定位元素。
find_elements(By.XPATH, "XPath路徑表達式")
# 8. 通過css選擇器定位元素。
find_elements(By.CSS_SELECTOR, "css選擇器定位策略")
練習:
頁面代碼同上。
腳本代碼:
# 1.導入selenium
from selenium import webdriver
from time import sleep
from selenium.webdriver.common.by import By
import os
# 2.打開瀏覽器
driver = webdriver.Chrome()
# 3.打開頁面
url = "file:///" + os.path.abspath("./1.html")
driver.get(url)
sleep(2)
# 4.定位目標元素
# 4.1 通過id屬性定位頁面中賬號A輸入框
# 寫法一
element_id_1 = driver.find_elements(By.ID, "userA")
for element in element_id_1:
print(element.get_attribute("outerHTML"))
# 寫法二
element_id_2 = driver.find_elements("id", "userA")
for element in element_id_2:
print(element.get_attribute("outerHTML"))
# 5.關閉瀏覽器
driver.quit()
"""
輸出結果:
<input type="textA" name="userA" id="userA" class="c_uA" placeholder="賬號A" required="" value="">
<input type="textA" name="userA" id="userA" class="c_uA" placeholder="賬號A" required="" value="">
"""