Selenium元素定位

2019-10-21 16:39:22 浏览数 (1)

Selenium常用的8种元素基本定位方式

find_element_by_id() find_element_by_name() find_element_by_class_name() find_element_by_tag_name() find_element_by_link_text() find_element_by_partial_link_text() find_element_by_xpath() find_element_by_css_selector() 在这里将对各种元素定位方式统一使用百度首页进行示例，详细操作步骤有以下内容： 1.打开浏览器，进入百度首页(www.baidu.com)； 2.百度页面输入关键字 www.testclass.cn 进行搜索； 3.关闭浏览器； 首先，通过前端工具（火狐浏览器的Firebug）或者直接按F12进入开发者模式查看具体前端代码：

find_element_by_id()

代码语言：javascript复制
#coding=utf-8
#www.testclass.cn
#Altumn
#2018-11-13
from selenium import webdriverimport timedriver = webdriver.Chrome()
driver.implicitly_wait(10)
driver.maximize_window()
driver.get("http://www.baidu.com")driver.find_element_by_id("kw").send_keys("www.testclass.cn")#通过id属性定位输入框；
driver.find_element_by_id("su").click()#通过id属性定位“百度一下”查询按钮；

time.sleep(2)
driver.quit()

find_element_by_name()

代码语言：javascript复制
#coding=utf-8
#www.testclass.cn
#Altumn
#2018-11-13
from selenium import webdriverimport timedriver = webdriver.Chrome()
driver.implicitly_wait(10)
driver.maximize_window()
driver.get("http://www.baidu.com")driver.find_element_by_name("wd").send_keys("www.testclass.cn")#通过name属性定位输入框；
driver.find_element_by_id("su").click()time.sleep(2)
driver.quit()

find_element_by_class_name()

代码语言：javascript复制
#coding=utf-8
#www.testclass.cn
#Altumn
#2018-11-13
from selenium import webdriverimport timedriver = webdriver.Chrome()
driver.implicitly_wait(10)
driver.maximize_window()
driver.get("http://www.baidu.com")driver.find_element_by_name("wd").send_keys("www.testclass.cn")
driver.find_element_by_class_name("s_btn").click()#通过class name属性定位“百度一下”查询按钮；
time.sleep(2)
driver.quit()

以下几种定位方式通过定位下图input标签的输入框示例:

find_element_by_tag_name

代码语言：javascript复制
driver.find_element_by_tag_name("input")#通过tag name属性定位input输入框；

find_element_by_xpath()

通过xpath定位，xpath定位有N种写法，这里列几个常用写法:

代码语言：javascript复制
driver.find_element_by_xpath("//*[@id='kw']")
driver.find_element_by_xpath("//*[@name='wd']")
driver.find_element_by_xpath("//input[@class='s_ipt']")
driver.find_element_by_xpath("/html/body/form/span/input")
driver.find_element_by_xpath("//span[@class='soutu-btn']/input")
driver.find_element_by_xpath("//form[@id='form']/span/input")
driver.find_element_by_xpath("//input[@id='kw' and @name='wd']")

xpath定位，具有[相对路径]和[据对路径]的区别： 相对路径：即相对于上下文节点的路径； 绝对路径：即从根目录开始的完整的路径；

代码语言：javascript复制
driver.find_element_by_xpath('//input[@id="kw"]').send_keys("www.testclass.cn")#相对路径
driver.find_element_by_xpath('//input[@name="wd"]').send_keys("www.testclass.cn")#相对路径
driver.find_element_by_xpath("//input[@id='kw' and @name='wd']").send_keys("www.testclass.cn")#相对路径
driver.find_element_by_xpath('//*[@id="kw"]').send_keys("by_xpath相对路径") #相对路径
driver.find_element_by_xpath('/html/body/div[1]/div[1]/div/div[1]/div/form/span[1]/input').send_keys("www.testclass.cn")#绝对路径
driver.find_element_by_xpath('/html/body/div[1]/div[1]/div/div[1]/div/form/span[1]/input[@id="kw"]').send_keys("www.testclass.cn")#绝对路径

find_element_by_css_selector()

通过css定位，css定位有N种写法，这里列几个常用写法:

代码语言：javascript复制
driver.find_element_by_css_selector("#kw")
driver.find_element_by_css_selector("[name=wd]")
driver.find_element_by_css_selector(".s_ipt")
driver.find_element_by_css_selector("html > body > form > span > input")
driver.find_element_by_css_selector("span.soutu-btn> input#kw")
driver.find_element_by_css_selector("form#form > span > input")

css定位，同样具有[相对路径]和[据对路径]的区别： 相对路径：即相对于上下文节点的路径； 绝对路径：即从根目录开始的完整的路径；

代码语言：javascript复制
#by_css_selector #绝对路径
driver.find_element_by_css_selector('html>body>div>div>div>div>div>form>span>input[id="kw"]').send_keys("www.testclass.cn")
#绝对路径#by_css_selector #相对路径
driver.find_element_by_css_selector('input[id="kw"]').send_keys("www.testclass.cn")#相对路径
driver.find_element_by_css_selector("#kw").send_keys("www.testclass.cn")#相对路径

find_element_by_link_text()

通过find_element_by_link_text()定位下图百度首页上的一组文本链接。

find_element_by_link_text()

代码语言：javascript复制
driver.find_element_by_link_text("新闻").click()
driver.find_element_by_link_text("网页").click()

find_element_by_partial_link_text()

代码语言：javascript复制
driver.find_element_by_partial_link_text("新").click()
driver.find_element_by_partial_link_text("乐").click()
driver.find_element_by_partial_link_text("页").click()

Selenium通过elements复数定位

find_elements_by_name() find_elements_by_class_name() find_elements_by_tag_name() find_elements_by_link_text() find_elements_by_partial_link_text() find_elements_by_xpath() find_elements_by_css_selector() 复数定位方式每次取到的都是具有相同类型属性的一组元素，所以返回的是一个list队列.我们可以通过选择具体第几个元素进行单个元素定位； 百度首页右上角有新闻、hao123、地图、视频、贴吧、学术一些文字链接，查看源码可以发现，这些链接都有共同的class，class=”mnav”。接下来我们通过find_elements_by_class_name()进行元素定位；

详细元素定位代码如下：

代码语言：javascript复制
#coding=utf-8

#www.testclass.cn
#Altumn
#2018-11-13
from selenium import webdriverimport timedriver = webdriver.Chrome()
driver.implicitly_wait(10)
driver.get("https://www.baidu.com/")
driver.maximize_window()

#定位一组元素；
elements=driver.find_elements_by_class_name("mnav")
print(len(elements))

#循环打印出每个元素的属性值；
for i in range(len(elements)):
   print("第"   str(i)   "个元素")
   print(elements[i].get_attribute("name"))
   print(elements[i].get_attribute("class"))

输出结果如下所示：

代码语言：javascript复制
PS C:UsersWangXiaoDesktopmystuff> cd 'C:UsersWangXiaoDesktopmystuff'; ${env:PYTHONIOENCODING}='UTF-8'; ${env:PYTHONUNBUFFERED}='1'; & 'C:UsersWangXiaoAppDataLocalProgramsPythonPython36python.exe' 'c:UsersWangXiao.vscodeextensionsms-python.python-2018.7.1pythonFilesPythonToolsvisualstudio_py_launcher.py' 'C:UsersWangXiaoDesktopmystuff' '63291' '34806ad9-833a-4524-8cd6-18ca4aa74f14' 'RedirectOutput,RedirectOutput' 'c:UsersWangXiaoDesktopmystuffelements.py'DevTools listening on ws://127.0.0.1:12164/devtools/browser/06ead576-8801-4f73-8cd9-38ec1678e2d96第0个元素
tj_trnews
mnav
第1个元素
tj_trhao123
mnav
第2个元素
tj_trmap
mnav
第3个元素
tj_trvideo
mnav
第4个元素
tj_trtieba
mnav
第5个元素
tj_trxueshu
mnav

这样你就可以通过元素的属性值判断你要定位的元素：

代码语言：javascript复制
driver.find_elements_by_class_name("mnav")[0].click()#点击“新闻”；
driver.find_elements_by_class_name("mnav")[1].click()#点击“hao123”；
driver.find_elements_by_class_name("mnav")[2].click()#点击“地图”；
driver.find_elements_by_class_name("mnav")[3].click()#点击“视频”；
driver.find_elements_by_class_name("mnav")[4].click()#点击“贴吧”；
driver.find_elements_by_class_name("mnav")[5].click()#点击“学术”；
css xslt&xpath selenium html

0 人点赞