Selenium 八种元素定位方法

前言：

    咱们在作WEB自动化时，最根本的就是操做页面上的元素，首先咱们要能找到这些元素，而后才能操做这些元素。工具或代码没法像咱们测试人员同样用肉眼来分辨页面上的元素。那么咱们怎么来定位他们呢？

在学习元素定位以前，咱们最好能懂一点html的知识。

1、查看页面元素

---

用谷歌浏览器打开百度首页，点击右上角>更多工具>开发者工具，就能够看到整个页面的html代码了

点击框中左上角的箭头图标，移动鼠标到百度搜索框，就能够自动定位到百度搜索框的HTML代码了，查看到搜索框的属性，咱们能够看到搜索框有id,name,class等属性。

2、元素定位

---

 

一、id定位： find_element_by_id()

从上面定位到的搜索框属性中，有个id="kw"的属性，咱们能够经过这个id定位到这个搜索框

 代码：

# coding = utf-8
from time import sleep
from selenium import webdriver

# 驱动文件路径
driverfile_path = r'D:\coship\Test_Framework\drivers\chromedriver.exe'
# 启动浏览器
driver = webdriver.Chrome(executable_path=driverfile_path)
# 打开百度首页
driver.get(r'https://www.baidu.com/')
# 经过id定位搜索框，并输入selenium
driver.find_element_by_id('kw').send_keys('selenium')
# 等待5秒
sleep(5)
# 退出
driver.quit()

二、name定位： find_element_by_name()

从上面定位到的搜索框属性中，有个name="wd"的属性，咱们能够经过这个name定位到这个搜索框

代码：

# coding = utf-8
from time import sleep
from selenium import webdriver

# 驱动文件路径
driverfile_path = r'D:\coship\Test_Framework\drivers\chromedriver.exe'
# 启动浏览器
driver = webdriver.Chrome(executable_path=driverfile_path)
# 打开百度首页
driver.get(r'https://www.baidu.com/')
# 经过name定位搜索框，并输入selenium
driver.find_element_by_name('wd').send_keys('selenium')
# 等待5秒
sleep(5)
# 退出
driver.quit()

三、class定位：find_element_by_class_name()

从上面定位到的搜索框属性中，有个class="s_ipt"的属性，咱们能够经过这个class定位到这个搜索框

代码：

# coding = utf-8
from time import sleep
from selenium import webdriver

# 驱动文件路径
driverfile_path = r'D:\coship\Test_Framework\drivers\chromedriver.exe'
# 启动浏览器
driver = webdriver.Chrome(executable_path=driverfile_path)
# 打开百度首页
driver.get(r'https://www.baidu.com/')
# 经过class定位搜索框，并输入selenium
driver.find_element_by_class_name('s_ipt').send_keys('selenium')
# 等待5秒
sleep(5)
# 退出
driver.quit()

四、tag定位：find_element_by_tag_name()

若是懂HTML知识，咱们就知道HTML是经过tag来定义功能的,好比input是输入，table是表格，等等...。每一个元素其实就是一个tag，一个tag每每用来定义一类功能，咱们查看百度首页的html代码，能够看到有不少div,input,a等tag,因此很难经过tag去区分不一样的元素。基本上在咱们工做中用不到这种定义方法，仅了解就行。下面代码仅作参考，运行时一定报错

代码：

# coding = utf-8
from time import sleep
from selenium import webdriver

# 驱动文件路径
driverfile_path = r'D:\coship\Test_Framework\drivers\chromedriver.exe'
# 启动浏览器
driver = webdriver.Chrome(executable_path=driverfile_path)
# 打开百度首页
driver.get(r'https://www.baidu.com/')
# 经过tag定位搜索框，并输入selenium, 此处必报错
driver.find_element_by_tag_name('input').send_keys('selenium')
# 等待5秒
sleep(5)
# 退出
driver.quit()

五、link定位：find_element_by_link_text()

此种方法是专门用来定位文本连接的，好比百度首页右上角有“新闻”，“hao123”，“地图”等连接

咱们来定位“新闻”这个连接元素

代码：

# coding = utf-8
from time import sleep
from selenium import webdriver

# 驱动文件路径
driverfile_path = r'D:\coship\Test_Framework\drivers\chromedriver.exe'
# 启动浏览器
driver = webdriver.Chrome(executable_path=driverfile_path)
# 打开百度首页
driver.get(r'https://www.baidu.com/')
# 经过link定位"新闻"这个连接并点击
driver.find_element_by_link_text('新闻').click()
# 等待5秒
sleep(5)
# 退出
driver.quit()

六、partial_link定位：find_element_by_partial_link_text()

有时候一个超连接的文本很长很长，咱们若是所有输入，既麻烦，又显得代码很不美观，这时候咱们就能够只截取一部分字符串，用这种方法模糊匹配了。

咱们用这种方法来定位百度首页的“新闻”超连接

# coding = utf-8
from time import sleep
from selenium import webdriver

# 驱动文件路径
driverfile_path = r'D:\coship\Test_Framework\drivers\chromedriver.exe'
# 启动浏览器
driver = webdriver.Chrome(executable_path=driverfile_path)
# 打开百度首页
driver.get(r'https://www.baidu.com/')
# 经过partial_link定位"新闻"这个连接并点击
driver.find_element_by_partial_link_text('闻').click()
# 等待5秒
sleep(5)
# 退出
driver.quit()

七、xpath定位：find_element_by_xpath()

前面介绍的几种定位方法都是在理想状态下，有必定使用范围的，那就是：在当前页面中，每一个元素都有一个惟一的id或name或class或超连接文本的属性，那么咱们就能够经过这个惟一的属性值来定位他们。

可是在实际工做中并不是有这么美好，有时候咱们要定位的元素并无id,name,class属性，或者多个元素的这些属性值都相同，又或者刷新页面，这些属性值都会变化。那么这个时候咱们就只能经过xpath或者CSS来定位了。

代码：

# coding = utf-8
from time import sleep
from selenium import webdriver

# 驱动文件路径
driverfile_path = r'D:\coship\Test_Framework\drivers\chromedriver.exe'
# 启动浏览器
driver = webdriver.Chrome(executable_path=driverfile_path)
# 打开百度首页
driver.get(r'https://www.baidu.com/')
# 经过xpath定位搜索框，并输入selenium
driver.find_element_by_xpath("//*[@id='kw']").send_keys('selenium')
# 等待5秒
sleep(5)
# 退出
driver.quit()

八、CSS定位：find_element_by_css_selector()

这种方法相对xpath要简洁些，定位速度也要快些，可是学习起来会比较难理解，这里只作下简单的介绍。

CSS定位百度搜索框

# coding = utf-8
from time import sleep
from selenium import webdriver

# 驱动文件路径
driverfile_path = r'D:\coship\Test_Framework\drivers\chromedriver.exe'
# 启动浏览器
driver = webdriver.Chrome(executable_path=driverfile_path)
# 打开百度首页
driver.get(r'https://www.baidu.com/')
# 经过CSS定位搜索框，并输入selenium
driver.find_element_by_css_selector('#kw').send_keys('selenium')
# 等待5秒
sleep(5)
# 退出
driver.quit()