web页面元素的8种定位方法

本文介绍了8种在web页面上定位元素的方法,包括通过元素id、name、class、标签名、链接文本内容以及XPath。详细讲解了每种方法的使用场景和注意事项,如通过F12开发者工具进行元素定位,以及在定位元素时如何处理不唯一属性的情况。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、web页面元素定位工具介绍

1、打开google浏览器,按F12进入开发者模式,如下图:

2、用鼠标点击下图红色框中的箭头——然后鼠标移动到web页面的元素上(此处为百度框),会自动定位到对应的html代码,如下图:

 

二、web页面元素的8种定位方法:

1、通过元素的id属性来定位元素——id是唯一标识(每个id都是不一样的)

     driver.find_element_by_id("kw")

 

 

1 from selenium import webdriver
2 driver=webdriver.Chrome()
3 driver.get("https://www.baidu.com/")
4 
5 # 通过元素的id属性来定位——id是唯一的
6 search=driver.find_element_by_id("kw")
7 
8 search.send_keys("selenium")
id.py

 

2、通过元素的name属性来定位元素,name属性不是绝对唯一的(一个页面内可能存在多个元素的name属性是相同的)

     如果name属性的值wd是唯一的,用find_element_by_name定位元素,返回值是一个值
     driver.find_element_by_name("wd")

     如果name属性的值wd不是唯一的,用find_elements_by_name定位元素,返回符合条件的多个值,保存在列表中,即返回的是列表
     driver.find_elements_by_name("wd") 

 1 from selenium import webdriver
 2 driver=webdriver.Chrome()
 3 driver.get("https://www.baidu.com/")
 4 
 5 #通过元素的name属性来定位元素,name属性不是绝对唯一的(一个页面内可能存在多个元素的name属性是相同的)
 6 
 7 # 如果name属性的值kw是唯一的,用find_element_by_name定位元素,返回值是一个值
 8 search=driver.find_element_by_name("wd")
 9 
10 # 如果name属性的值kw不是唯一的,用find_elements_by_name定位元素,返回符合条件的多个值,保存在列表中,即返回的是列表
11 search=driver.find_elements_by_name("wd")
12 
13 
14 search.send_keys("python")
name.py

 

3、通过元素的class属性来定位元素,class属性不是绝对唯一的(一个页面内可能存在多个元素的class属性是相同的)

      如果class属性的值s_ipt是唯一的,用find_element_by_class_name定位元素,返回值是一个值

      driver.find_element_by_class_name("s_ipt")

      如果class属性的值s_ipt不是唯一的,用find_elements_by_class_name定位元素,返回符合条件的多个值,保存在列表中,即返回的是列表
      driver.find_elements_by_class_name("s_ipt")

 1 from selenium import webdriver
 2 driver=webdriver.Chrome()
 3 driver.get("https://www.baidu.com/")
 4 
 5 #通过元素的class属性来定位元素,class属性不是绝对唯一的(一个页面内可能存在多个元素的class属性是相同的)
 6 
 7 # 如果class属性的值s_ipt是唯一的,用find_element_by_class定位元素,返回值是一个值
 8 search=driver.find_element_by_class_name("s_ipt")
 9 
10 # 如果class属性的值s_ipt不是唯一的,用find_elements_by_class定位元素,返回符合条件的多个值,保存在列表中,即返回的是列表
11 search=driver.find_elements_by_class_name("s_ipt")
12 
13 
14 search.send_keys("java")
class.py

 

4、通过元素的标签名tag来定位元素,标签名不是绝对唯一的(一个页面内可能存在多个相同的标签名)

     如果标签名是唯一的,用find_element_by_tag_name定位元素,返回值是一个值
     driver.find_element_by_tag_name("input")

 

     如果标签名不是唯一的,用find_elements_by_tag_name定位元素,返回符合条件的多个值,保存在列表中,即返回的是列表
     driver.find_elements_by_tag_name("input")

     要找的元素是第8个input标签,所以通过列表查找时下标是7

      search2[7].send_keys("java")

 

 

备注:上图找到的是15个标签,不是13个

 1 from selenium import webdriver
 2 driver=webdriver.Chrome()
 3 driver.get("https://www.baidu.com/")
 4 
 5 #通过元素的标签名来定位元素,标签名不是绝对唯一的(一个页面内可能存在多个相同的标签名)
 6 
 7 # 如果标签名是唯一的,用find_element_by_tag_name定位元素,返回值是一个值
 8 #search=driver.find_element_by_tag_name("input")
 9 
10 # 如果标签名不是唯一的,用find_elements_by_tag_name定位元素,返回符合条件的多个值,保存在列表中,即返回的是列表
11 search2=driver.find_elements_by_tag_name("input")
12 
13 #打印出15个元素
14 print(search2)
15 
16 #要找的元素是第8个input标签,所以通过列表查找时下标是7
17 search2[7].send_keys("java")
input

 5&6、通过链接元素的文本内容来精确匹配和模糊匹配定位元素,不是绝对唯一的(一个页面内可能存在多个链接元素的文本内容是相同的)

      1、精确匹配——文本内容为“新闻”

            如果文本内容时唯一的,用find_element_by_link_text定位元素,返回值是一个值
            driver.find_element_by_link_text("新闻")

           如果文本内容不是唯一的,用elements_by_link_text定位元素,返回符合条件的多个值,保存在列表中,即返回的是列表
           driver.find_elements_by_link_text("新闻")

 

       2、模糊匹配——通过文本内容的部分内容,例如“hao123”,通过“hao”定位

            如果文本内容时唯一的,用find_element_by_partial_link_text定位元素,返回值是一个值
            driver.find_element_by_partial_link_text("hao123")

            如果文本内容不是唯一的,用find_elements_by_partial_link_text定位元素,返回符合条件的多个值,保存在列表中,即返回的是列表

            driver.find_elements_by_partial_link_text("hao123")

 

 1 # 1、精确匹配——文本内容为“新闻”
 2 # 如果文本内容时唯一的,用find_element_by_link_text定位元素,返回值是一个值
 3 search=driver.find_element_by_link_text("新闻")
 4 
 5 # 如果文本内容不是唯一的,用elements_by_link_text定位元素,返回符合条件的多个值,保存在列表中,即返回的是列表
 6 search=driver.find_elements_by_link_text("新闻")
 7 
 8 search.click()
 9 
10 # 2、模糊匹配——通过文本内容的部分内容,例如“hao123”,通过“hao”定位
11 # 如果文本内容时唯一的,用find_element_by_partial_link_text定位元素,返回值是一个值
12 aa=driver.find_element_by_partial_link_text("hao123")
13 
14 # 如果文本内容不是唯一的,用find_elements_by_partial_link_text定位元素,返回符合条件的多个值,保存在列表中,即返回的是列表
15 
16 aa=driver.find_elements_by_partial_link_text("hao123")
linktext

 7、通过Xpath定位

      1、绝对路径定位方法如下图:

        find_element_by_xpath("/html/body/div[2]/div/form/div/input")——以/开头,从根目录逐级查找(父子关系),这种方式太依赖元素的位置和顺序,稍微调整就会找不到,后期维护成本太高,所以一般不会用绝对定位

           

       2、相对定位——以//开头,在整个页面中寻找符合定位表达式的元素,不在乎元素的顺序和位置

          

        单属性定位: //标签名[@属性名称=值]

         

         如果单属性定位不到,就需要组合属性定位://标签名[@属性名称=值 and @属性名称=值 and @属性名称=值]

         

         如果页面存在2个一模一样的元素,只是位置不同,定位方式如下图:从父类开始找,父类还不能唯一确定,继续从父类的父类就找

         

 

转载于:https://www.cnblogs.com/yhms/p/10728765.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值