学习资料连接：https://download.csdn.net/download/waiwaijsj/7214035

1、元素定位

　　什么是元素：

　　　　元素：由标签头+标签尾+标签头和标签尾包括的文本内容

　　元素的信息就是指元素的标签名以及元素的属性

　　元素的层级结构就是指元素之间相互嵌套的层级结构

　　元素定位--最终就是通过元素的信息或者元素的层级结构来进行元素定位。

2、浏览器开发者工具介绍

　　-浏览器开发者工具主要用来查看元素的信息，同时也可以查看接口相关的信息

　　-浏览器开发者工具不需要安装，浏览器自带。

　　-浏览器开发者工具的启动：

　　　　-直接按F12 不区分浏览器

　　　　-通过右键的方式来启动浏览器开发者工具（谷歌浏览器右键选择检查，火狐浏览器右键选择“检查元素”）

　　　　-浏览器开发者工具使用

　　　　　　--点击浏览器卡发着工具左上角   元素查看器按钮

　　　　　　--再点击想要查看的元素

3、元素定位

• 　　id定位
• 　　name定位
• 　　class_name定位
• 　　tag_name定位
• 　　link_text 定位
• 　　partail_link_text定位
• 　　xpath定位
• 　　css定位

3.1 id定位

　　-通过元素的id属性值来进行元素的定位，在html标准规范中ID值时唯一的

　　说明：元素要有ID属性

　　--定位方法：find_element_by_id(id) # id参数表示的是id的属性值

 1 """
 2 元素定位
 3 通过ID属性值来定位元素，前提是元素必须有ID属性值，在html规范中id是唯一的，但是有的开发人员id不唯一，这个要注意
 4 步骤：
 5 1、导包
 6 2、创建浏览器实例
 7 3、用浏览器打开链接
 8 4、定位元素，并做相应的动作
 9 5、关闭浏览器实例
10 """
11 # 导包
12 from selenium import webdriver
13 # 创建浏览器实例
14 driver = webdriver.Firefox()
15 #  driver.get方法 是打开填写的url地址
16 driver.get("file:///F:/2021%E5%B9%B4%E9%BB%91%E9%A9%AC%E8%BD%AF%E4%BB%B6%E6%B5%8B%E8%AF%95/02%E7%AC%94%E8%AE%B0%E8%AE%B2%E4%B9%89%E6%BA%90%E7%A0%81%E8%BD%AF%E4%BB%B6%E8%AF%BE%E4%BB%B6%E8%B5%84%E6%96%99/09%E3%80%81UI%E8%87%AA%E5%8A%A8%E5%8C%96%E6%B5%8B%E8%AF%95%E5%8F%8A%E9%BB%91%E9%A9%AC%E5%A4%B4%E6%9D%A1%E9%A1%B9%E7%9B%AE%E5%AE%9E%E6%88%98/UI%E8%87%AA%E5%8A%A8%E5%8C%96/UI%E8%87%AA%E5%8A%A8%E5%8C%96/web%E8%87%AA%E5%8A%A8%E5%8C%96%E5%B7%A5%E5%85%B7%E9%9B%86%E5%90%88/pagetest/%E6%B3%A8%E5%86%8CA.html")
17 driver.find_element_by_id("userA").send_keys("admin")
18 driver.find_element_by_id("passwordA").send_keys("123456")
19 
20 # 关闭浏览器实例
21 # driver.quit()

3.2 name定位

　　-通过元素的name值进行元素定位，name属性值 在HTML页面中是可以重复的

　　　　-说明：元素要有name属性值

　　-定位方法：find_element_by_name(name) # name 参数表示的是name的属性值

 1 """
 2 通过元素的name属性值进行定位
 3   首先要确定 元素有name属性值
 4 
 5 步骤：
 6 1、导包
 7 2、创建浏览器实例
 8 3、打开网页
 9 4、根据元素name属性定位
10 
11 """
12 from selenium import webdriver
13 
14 driver = webdriver.Firefox()
15 driver.get("file:///F:/2021%E5%B9%B4%E9%BB%91%E9%A9%AC%E8%BD%AF%E4%BB%B6%E6%B5%8B%E8%AF%95/02%E7%AC%94%E8%AE%B0%E8%AE%B2%E4%B9%89%E6%BA%90%E7%A0%81%E8%BD%AF%E4%BB%B6%E8%AF%BE%E4%BB%B6%E8%B5%84%E6%96%99/09%E3%80%81UI%E8%87%AA%E5%8A%A8%E5%8C%96%E6%B5%8B%E8%AF%95%E5%8F%8A%E9%BB%91%E9%A9%AC%E5%A4%B4%E6%9D%A1%E9%A1%B9%E7%9B%AE%E5%AE%9E%E6%88%98/UI%E8%87%AA%E5%8A%A8%E5%8C%96/UI%E8%87%AA%E5%8A%A8%E5%8C%96/web%E8%87%AA%E5%8A%A8%E5%8C%96%E5%B7%A5%E5%85%B7%E9%9B%86%E5%90%88/pagetest/%E6%B3%A8%E5%86%8CA.html")
16 # 根据元素的属性name值 获取element
17 driver.find_element_by_name("telA").send_keys("13100000008")
18 
19 # driver.quit()

3.3 通过class属性值进行定位

　　通过元素的class属性值进行元素定位，calss属性值是可重复的

　　　　--说明：元素必须要有class属性

　　定位的方法：find_element_by_class_name(class_name) # class_name 参数表示的是class的其中一个属性值，不能是属性的全部名称，否则无法匹配

 1 """
 2 通过class 属性名称来查找元素
 3     说明：元素必须要有class属性值
 4 
 5 步骤：
 6 1、导包
 7 2、创建浏览器实例
 8 3、get打开网页
 9 4、根据class属性值 定位元素
10 5、关闭浏览器实例
11 
12 """
13 from selenium import webdriver
14 
15 driver = webdriver.Firefox()
16 driver.get("file:///F:/2021%E5%B9%B4%E9%BB%91%E9%A9%AC%E8%BD%AF%E4%BB%B6%E6%B5%8B%E8%AF%95/02%E7%AC%94%E8%AE%B0%E8%AE%B2%E4%B9%89%E6%BA%90%E7%A0%81%E8%BD%AF%E4%BB%B6%E8%AF%BE%E4%BB%B6%E8%B5%84%E6%96%99/09%E3%80%81UI%E8%87%AA%E5%8A%A8%E5%8C%96%E6%B5%8B%E8%AF%95%E5%8F%8A%E9%BB%91%E9%A9%AC%E5%A4%B4%E6%9D%A1%E9%A1%B9%E7%9B%AE%E5%AE%9E%E6%88%98/UI%E8%87%AA%E5%8A%A8%E5%8C%96/UI%E8%87%AA%E5%8A%A8%E5%8C%96/web%E8%87%AA%E5%8A%A8%E5%8C%96%E5%B7%A5%E5%85%B7%E9%9B%86%E5%90%88/pagetest/%E6%B3%A8%E5%86%8CA.html")
17 driver.find_element_by_class_name("emailA").send_keys("1111111@qq.com")
18 # driver.quit()

 3.4 tag_name定位

　　-通过元素的标签名称进行定位，在同一个HTML页面中，相同的标签元素会有很多。

　　　　这种定位元素的方式不建议大家在工作中使用。

　　-定位方法 find_element_by_tag_name(tag_name) # tag_name 表示的是元素的标签名称

　　如果有重复的元素，定位到的都是第一个元素

 1 """
 2 按照标签名 进行元素定位
 3 但是不建议在工作中使用，原因是 标签名相同的元素太多了
 4 
 5 如果存在标签名相同的元素，定位时，定位到的是第一个元素
 6 """
 7 from selenium import webdriver
 8 from selenium.webdriver.support.ui import Select
 9 driver = webdriver.Firefox()
10 driver.get("file:///F:/2021%E5%B9%B4%E9%BB%91%E9%A9%AC%E8%BD%AF%E4%BB%B6%E6%B5%8B%E8%AF%95/02%E7%AC%94%E8%AE%B0%E8%AE%B2%E4%B9%89%E6%BA%90%E7%A0%81%E8%BD%AF%E4%BB%B6%E8%AF%BE%E4%BB%B6%E8%B5%84%E6%96%99/09%E3%80%81UI%E8%87%AA%E5%8A%A8%E5%8C%96%E6%B5%8B%E8%AF%95%E5%8F%8A%E9%BB%91%E9%A9%AC%E5%A4%B4%E6%9D%A1%E9%A1%B9%E7%9B%AE%E5%AE%9E%E6%88%98/UI%E8%87%AA%E5%8A%A8%E5%8C%96/UI%E8%87%AA%E5%8A%A8%E5%8C%96/web%E8%87%AA%E5%8A%A8%E5%8C%96%E5%B7%A5%E5%85%B7%E9%9B%86%E5%90%88/pagetest/%E6%B3%A8%E5%86%8CA.html")
11 # 下拉选框 值的选择
12 Select(driver.find_element_by_tag_name("select")).select_by_value("gz")
13 
14 # driver.quit()

 3.5 link_text定位

　　-通过超链接的全部文本信息进行元素定位，主要用来定位a标签

　　-定位方法：find_element_by_link_text(link_text) # link_text参数代表的是a标签的全部文本内容

1 """
2 通过超链接的全部文本信息进行定位，主要用来定位a标签
3 定位方法：find_element_by_link_text(link_text)
4 """
5 from selenium import webdriver
6 
7 driver = webdriver.Firefox()
8 driver.get("file:///F:/2021%E5%B9%B4%E9%BB%91%E9%A9%AC%E8%BD%AF%E4%BB%B6%E6%B5%8B%E8%AF%95/02%E7%AC%94%E8%AE%B0%E8%AE%B2%E4%B9%89%E6%BA%90%E7%A0%81%E8%BD%AF%E4%BB%B6%E8%AF%BE%E4%BB%B6%E8%B5%84%E6%96%99/09%E3%80%81UI%E8%87%AA%E5%8A%A8%E5%8C%96%E6%B5%8B%E8%AF%95%E5%8F%8A%E9%BB%91%E9%A9%AC%E5%A4%B4%E6%9D%A1%E9%A1%B9%E7%9B%AE%E5%AE%9E%E6%88%98/UI%E8%87%AA%E5%8A%A8%E5%8C%96/UI%E8%87%AA%E5%8A%A8%E5%8C%96/web%E8%87%AA%E5%8A%A8%E5%8C%96%E5%B7%A5%E5%85%B7%E9%9B%86%E5%90%88/pagetest/%E6%B3%A8%E5%86%8CA.html")
9 driver.find_element_by_link_text("新浪").click()

 3.6 partial_link_text定位

　　-通过超链接的局部文本信息进行元素定位，主要用来定位a标签

　　-定位方法：

　　　　find_element_by_partial_link_text(partial_link_text) # partial_link_text表示的是a标签的局部文本内容

 1 """
 2     通过超链接的局部文本信息进行元素定位，主要用来定位a标签
 3 　　-定位方法：
 4 　　　　find_element_by_partial_link_text(partial_link_text) # partial_link_text表示的是a标签的局部文本内容
 5 """
 6 
 7 from selenium import webdriver
 8 
 9 driver = webdriver.Firefox()
10 driver.get("file:///F:/2021%E5%B9%B4%E9%BB%91%E9%A9%AC%E8%BD%AF%E4%BB%B6%E6%B5%8B%E8%AF%95/02%E7%AC%94%E8%AE%B0%E8%AE%B2%E4%B9%89%E6%BA%90%E7%A0%81%E8%BD%AF%E4%BB%B6%E8%AF%BE%E4%BB%B6%E8%B5%84%E6%96%99/09%E3%80%81UI%E8%87%AA%E5%8A%A8%E5%8C%96%E6%B5%8B%E8%AF%95%E5%8F%8A%E9%BB%91%E9%A9%AC%E5%A4%B4%E6%9D%A1%E9%A1%B9%E7%9B%AE%E5%AE%9E%E6%88%98/UI%E8%87%AA%E5%8A%A8%E5%8C%96/UI%E8%87%AA%E5%8A%A8%E5%8C%96/web%E8%87%AA%E5%8A%A8%E5%8C%96%E5%B7%A5%E5%85%B7%E9%9B%86%E5%90%88/pagetest/%E6%B3%A8%E5%86%8CA.html")
11 driver.find_element_by_partial_link_text("访问").click()

3.7 定位一组元素

　　-定位一组元素的方法：

　　　　-find_elements_by_id(id)

　　　　-find_elements_by_tag_name(tagname)

　　　　-find_elements_by_link_text(link_text)

　　　　-find_elements_******函数都可以定位一组元素，返回是一个列表

　　-定位一组元素的方法的返回值时一个列表

　　-可以通过下标来使用列表中的元素

　　-下标从0开始

 1 """
 2 定位一组元素
 3 find_elements
 4 函数返回为一个列表
 5 通过列表的下标进行访问元素，下标从0开始
 6 """
 7 from selenium import webdriver
 8 
 9 driver = webdriver.Firefox()
10 driver.get("file:///F:/2021%E5%B9%B4%E9%BB%91%E9%A9%AC%E8%BD%AF%E4%BB%B6%E6%B5%8B%E8%AF%95/02%E7%AC%94%E8%AE%B0%E8%AE%B2%E4%B9%89%E6%BA%90%E7%A0%81%E8%BD%AF%E4%BB%B6%E8%AF%BE%E4%BB%B6%E8%B5%84%E6%96%99/09%E3%80%81UI%E8%87%AA%E5%8A%A8%E5%8C%96%E6%B5%8B%E8%AF%95%E5%8F%8A%E9%BB%91%E9%A9%AC%E5%A4%B4%E6%9D%A1%E9%A1%B9%E7%9B%AE%E5%AE%9E%E6%88%98/UI%E8%87%AA%E5%8A%A8%E5%8C%96/UI%E8%87%AA%E5%8A%A8%E5%8C%96/web%E8%87%AA%E5%8A%A8%E5%8C%96%E5%B7%A5%E5%85%B7%E9%9B%86%E5%90%88/pagetest/%E6%B3%A8%E5%86%8CA.html")
11 input_list = driver.find_elements_by_tag_name("input")
12 input_list[0].send_keys("root")
13 input_list[1].send_keys("123456")
14 input_list[2].send_keys("1310000009")