欢迎大家来到IT世界,在知识的湖畔探索吧!

接上篇，selenium超全教程（1），今天我们继续来讲下元素class、tag、link、partial、xpath、css、find_element的By定位。

定位页面元素之class定位

以百度首页的搜索框节点为例，搜索python

find_element_by_class_name()根据class属性获取，这里class属性是s_ipt

from selenium import webdriver
import time  


browser = webdriver.Chrome()


browser.get(r'https://www.baidu.com')  
time.sleep(2)


# 在搜索框输入 python
browser.find_element_by_class_name('s_ipt').send_keys('python')
time.sleep(2)


# 关闭浏览器
browser.close()

欢迎大家来到IT世界,在知识的湖畔探索吧!

定位页面元素之tag定位

以百度首页的搜索框节点为例，搜索python

我们知道HTML是通过tag来定义功能的，比如input是输入，table是表格等等。每个元素其实就是一个tag，一个tag往往用来定义一类功能，我们查看百度首页的html代码，可以看到有很多同类tag，所以其实很难通过tag去区分不同的元素。

find_element_by_tag_name()

欢迎大家来到IT世界,在知识的湖畔探索吧!from selenium import webdriver
import time  


browser = webdriver.Chrome()


browser.get(r'https://www.baidu.com')  
time.sleep(2)


# 在搜索框输入 python
browser.find_element_by_tag_name('input').send_keys('python')
time.sleep(2)


# 关闭浏览器
browser.close()

由于存在多个input，以上代码会报错。

定位页面元素之link定位

这种方法顾名思义就是用来定位文本链接的，比如百度首页上方的分类模块链接。

find_element_by_link_text()

from selenium import webdriver
import time  


browser = webdriver.Chrome()


browser.get(r'https://www.baidu.com')  
time.sleep(2)


# 点击新闻 链接
browser.find_element_by_link_text('新闻').click()
time.sleep(2)


# 关闭浏览器全部页面
browser.quit()

定位页面元素之partial定位

有时候一个超链接的文本很长，我们如果全部输入，既麻烦，又显得代码很不美观，这时候我们就可以只截取一部分字符串，用这种方法模糊匹配了。

find_element_by_partial_link_text()

欢迎大家来到IT世界,在知识的湖畔探索吧!from selenium import webdriver
import time  


browser = webdriver.Chrome()


browser.get(r'https://www.baidu.com')  
time.sleep(2)


# 点击新闻 链接
browser.find_element_by_partial_link_text('闻').click()
time.sleep(2)


# 关闭浏览器全部页面
browser.quit()

定位页面元素之xpath定位

以百度首页的搜索框节点为例，搜索python

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

但是在实际工作中并非有这么美好，那么这个时候我们就只能通过xpath或者css来定位了。

find_element_by_xpath()

from selenium import webdriver
import time  


browser = webdriver.Chrome()


browser.get(r'https://www.baidu.com')  
time.sleep(2)


# 在搜索框输入 python
browser.find_element_by_xpath("//*[@id='kw']").send_keys('python')
time.sleep(2)


# 关闭浏览器
browser.close()

定位页面元素之css定位

以百度首页的搜索框节点为例，搜索python

这种方法相对xpath要简洁些，定位速度也要快些。

find_element_by_css_selector()

from selenium import webdriver
import time  


browser = webdriver.Chrome()


browser.get(r'https://www.baidu.com')  
time.sleep(2)


# 在搜索框输入 python
browser.find_element_by_css_selector('#kw').send_keys('python')
time.sleep(2)


# 关闭浏览器
browser.close()

定位页面元素之find_element的By定位

除了上述的8种定位方法，Selenium还提供了一个通用的方法find_element()，这个方法有两个参数：定位方式和定位值。

# 使用前先导入By类
from selenium.webdriver.common.by import By


browser.find_element(By.ID,'kw')
browser.find_element(By.NAME,'wd')
browser.find_element(By.CLASS_NAME,'s_ipt')
browser.find_element(By.TAG_NAME,'input')
browser.find_element(By.LINK_TEXT,'新闻')
browser.find_element(By.PARTIAL_LINK_TEXT,'闻')
browser.find_element(By.XPATH,'//*[@id="kw"]')
browser.find_element(By.CSS_SELECTOR,'#kw')

定位页面元素之多个元素定位

如果定位的目标元素在网页中不止一个，那么则需要用到find_elements，得到的结果会是列表形式。简单来说，就是element后面多了复数标识s，其他操作一致。

希望本文对你有所帮助~~如果对软件测试、接口测试、自动化测试、面试经验交流感兴趣可以私聊我或关注公众号“特斯汀软件测试”。免费领取最新软件测试大厂面试资料和Python自动化、接口、框架搭建学习资料！技术大牛解惑答疑，同行一起交流。