新版Selenium使用Python对web页面多个相同Class Name属性的元素进行选择&新老版本对比

本文介绍了在新版Selenium中,由于定位策略的变更,如何解决使用旧版方法定位具有相同classname属性元素的问题,通过导入新的By类并采用列表操作实现元素点击。

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

在使用新版的Selenium对网页代码中存在相同class name属性的元素进行定位,在定位的过程中发现使用先前的定位方法已经无法成功对所要操作组件进行定位,这是什么问题呢?下面为大家进行解答。

大概为了统一编写格式,方便阅读理解,新版本的Selenium出来后,摒弃了旧版的编辑方法,之前的八大定位方式已经不适用于新版的编辑器,对元素进行定位时,系统会进行报错提醒,所以我们在编写脚本的过程中要改变一些相关的方式方法,以下是新老版本元素定位的对比:

一、老版本元素定位方法:

find_elements_by_id()
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()

当定位一组对象时在elements后方加上s,当定位单个对象是使用element即可(此处不多赘余,老版本selenium更多信息网上有很多资料)。

二、新版本元素定位方法

 find_element(By.XPATH)
find_element(By.CSS_SELECTOR)
find_element(By.ID)
find_element(By.TAG_NAME)
find_element(By.class_name,)
find_element(By.PARTIAL_LINK_TEXT)
find_element(By.LINK_TEXT)
find_element(By.name)

使用新版selenium定位对象要先对库进行导入,不能再和之前一样直接使用定位方法。

from selenium.webdriver.commom.by import By

具体定位信息参考网上资料,此处解决相同class name属性的对象定位问题。

先前driver.find_elements_by_class_name("name")[1]已经无法使用,这是相应的报错信息:

下面是我的解决方案,定义一个list提取全部的对象,然后对对象进行操作:

from selenium import webdriver
from selenium.webdriver.common.by import By
from time import sleep

dr = webdriver.Chrome()#驱动
dr.get("https://www.youkuaiyun.com/") #访问目标网站

elements = dr.find_elements(By.CLASS_NAME,'navigation-right')#使用class方法进行元素定位
sleep(3)#等待3s
element_to_click = elements[2]#选择列表的第三个对象
element_to_click.click()#对选择对象进行点击操作
sleep(3)#等待3s

 使用该方法就可以在新版selenium中对多个相同class属性的元素进行定位操作了!


### 回答1: 可以使用 document.querySelectorAll 方法来定位前端中多个相同 class元素。例如: ```javascript // 获取所有 class 为 myClass元素对象 var elems = document.querySelectorAll(".myClass"); // 遍历所有元素对象 for (var i = 0; i < elems.length; i++) { // 处理每个元素对象 // ... } ``` 其中,querySelectorAll 方法可以接收任何 CSS 选择器作为参数,这里传入的是类选择器,用于匹配指定 class 值的所有元素。注意,类选择器需要以点号开头。该方法返回的是一个 NodeList 对象,可以通过遍历它来处理每个元素对象。 ### 回答2: 多个相同class定位是指在HTML文档中出现多个具有相同class属性值的元素。在前端开发中,我们经常会遇到需要对多个相同class元素进行样式设置或操作的场景。 要实现对多个相同class元素的定位和操作,常见的方法有以下几种: 1. getElementByClassName:这是JavaScript原生的方法,通过传入class名称作为参数,可以获取具有相同class多个元素,返回的是一个类数组。我们可以通过遍历类数组,对每个元素进行操作。 2. querySelectorAll:这是CSS选择器的方法,可以通过指定class名称获取多个元素。和getElementByClassName不同的是,querySelectorAll返回的是一个NodeList对象,同样可以通过遍历NodeList来对每个元素进行操作。 3. jQuery类选择器:使用jQuery库可以方便地选择和操作多个相同class元素。通过传入".class名称"或者直接使用"class名称"作为选择器,可以选择到具有相同class元素,并进行样式设置、事件绑定等操作。 以上方法都可以实现对多个相同class元素的定位和操作,具体选择哪种方法取决于具体的场景和个人偏好。在多个相同class元素中,我们可以使用循环、索引等方法对每个元素进行处理,修改样式、绑定事件、添加内容等等,以实现我们的需求。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值