Python selenium根据class定位页面元素的方法

在日常的网页源码中，我们基于元素的id去定位是最万无一失的，id在单个页面中是不会重复的。但是实际工作中，很多前端开发人员并未给每个元素都编写id属性。通常一段html代码如下：

<div class="sui-tips s-isindex-wrap sui-tips-exceedtipnews" style="display: none; width: auto;">
<div class="sui-tips-arrow" style="left: 15px;"><em></em></div>
<div class="sui-tips-body">今天召唤我太多次啦，<br>明天再来调教小度吧！`(*∩_∩*)′</div>
</div>

这个例子中，最外层的div就没有id属性，此时，可以基于class属性来定位元素。常见的基于class定位元素的selenium写法如下：

一、driver.find_element_by_class_name("classname")

但是好多时候，很多并列的元素如list表单，class都是共用同一个，如：

此时driver.find_elements_by_class_name("classname") 就可以派上用场了，该方法可以返回的是一个list列表，那么所有针对list的方法在它上面都同样适用。比如，如果我们知道想要定位的元素在页面中是第n个，则可以这样定位：

二、driver.find_elements_by_class_name("classname")[n] （注意：是elements，不是element）

需要注明的是，使用上述方法，即使这网页中样的元素只有一个，得到的依旧是一个list对象，只不过长度为1.

当然如果你对css方法比较熟悉，还可以通过css来定位，selenium同样是支持的，css中，"."后面跟class名即可，一个常规的写法如下：

三、driver.find_element_by_css_selector('.dtb-style-1').click()

如果你的例子足够特殊，这个元素的classname有多个，上面的方法还可以用多个"."进行并行连接。如：

driver.find_element_by_css_selector('.dtb-style-1.table-dragColumns').click()

还有一种方法同样可以支持多个类的情况，还是css属性方法：

driver.find_element_by_css_selector("[class='dtb-style-1 table-dragColumns']") 用空格分隔即可。

如果你对css属性不熟悉的话，也不打紧，强大的Chrome浏览器能自动帮你生成元素的xpath、css等多种属性。拿百度首页的源码举例，在页面源码文件，定位到元素后，右键，效果如下：

生成的代码复制后，针对此场景可以直接拿来用，但是鉴于现在的网页更新非常频繁，建议还是要在w3c下简单学习下xpath、css selector等重要方法，那样我们可以写出非常灵活的代码，对页面的细微调整会有更强的适应性。

最后，我们还可以通过强大的xpath来定位元素，如果元素有多个class，我们只用选择其中一个放入xpath中即可，否则程序会出错。示例如下：

四、driver.find_element_by_xpath('//div[@class="u_sp"]/a[1]').click()

这么多方法中，xpath是最最灵活的，因为xpath内置了很多函数，在某些场合中你可能就需要依靠这种灵活性，"灵活"就不可避免的会带来复杂性。尽管如此，笔者还是鼓励你们，在实际工作中，每种定位元素的方法都要学会，很多时候，你会发现你精心写的方法一不小心就不灵了，这个时候掌握多种定位方法，就显得尤为重要了。

有了这些技能，从此在python selenium的世界里，基于class属性定位元素将显得so easy。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

赞 (0)

相关推荐

  • python3.6+selenium实现操作Frame中的页面元素

    有时网页中会嵌套一个或者多个Frame,此时我们直接去找嵌套在Frame里面的元素会抛出异常,所以在操作的时候我们需要将页面焦点切换到Frame里面,下面我们就以一个实例演示一下! 首先先创建三个html文件,文件代码如下: 1)frameset.html 2)frame_left.html 3)frame_right.html 4)frame_middle.html 5)把这四个html文件放在同一个文件夹下< 以下是python实现该逻辑的代码: import unittest from s

  • selenium+python自动化测试之页面元素定位

    上一篇博客selenium+python自动化测试(二)–使用webdriver操作浏览器讲解了使用webdriver操作浏览器的各种方法,可以实现对浏览器进行操作了,接下来就是对浏览器页面中的元素进行操作,操作页面元素,首先要找到操作的元素,对元素进行定位 查看页面源码 要定位页面元素,需要找到页面的源码,IE浏览器中,打开页面后,在页面上点击鼠标右键,会有"查看源代码"的选项,点击后就会进入页面源码页面,在这里就可以找到页面的所有元素 使用Chrome浏览器打开页面后,在浏览器的地

  • Python selenium根据class定位页面元素的方法

    在日常的网页源码中,我们基于元素的id去定位是最万无一失的,id在单个页面中是不会重复的.但是实际工作中,很多前端开发人员并未给每个元素都编写id属性.通常一段html代码如下: <div class="sui-tips s-isindex-wrap sui-tips-exceedtipnews" style="display: none; width: auto;"> <div class="sui-tips-arrow" s

  • Python selenium 八种定位元素的方式

    目录 前言 1:id定位 2:name定位 3:class_name定位 4:tag_name定位 5:link_text定位 6:partial_link_text定位 7:xpath定位 8:css定位 前言 八种定位方式: id,name,class name,tag name,link text,partial link text,xpath,css selector.其中id,name,class name,tag name是根据元素的标签或元素的属性来进行定位:link text,p

  • selenium高效应对Web页面元素刷新的实例讲解

    当我们在页面上进行selenium.type()或者selenium.click()操作的时候,往往需要需要等待一个元素的出现,对于一般的网页,当我们进入一个新页面的时候,往往会使用selenium.waitForPageToLoad(WAITTIME); 对弹出窗口中的元素,往往写死要等待多少秒,其实可以使用如下更加通用高效的方法,自己写一个waitForElement()的方法: Java代码 protected void waitForElement(String target) { fo

  • Python爬虫信息输入及页面的切换方法

    实现网页的键盘输入操作 from selenium.webdriver.common.keys import Keys 动态网页有时需要将鼠标悬停在某个元素上,相应的列表选项才能显示出来. 而爬虫在工作的时候也需要相应的操作,才能获得列表项. driver.find_element_by_class_name(...).send_keys(需要输入的字串) #find_element_by_class_name可以是find_element_by_link_text.find_element_b

  • python+selenium打印当前页面的titl和url方法

    dr.title //获取页面title dr.current_url // 获取页面url 代码如下: from selenium import webdriver dr = webdriver.Firefox() url = 'http://www.baidu.com' dr.get(url) # 获取页面title title = dr.title # 获取页面url url = dr.current_url print title print url dr.quit() 以上这篇pyth

  • python实现从字典中删除元素的方法

    本文实例讲述了python实现从字典中删除元素的方法.分享给大家供大家参考.具体分析如下: python的字典可以通过del方法进行元素删除,下面的代码详细演示了这一过程 # Create an empty dictionary d = {} # Add an item d["name"] = "Fido" assert d.has_key("name") # Delete the item del d["name"] ass

  • Python简单删除列表中相同元素的方法示例

    本文实例讲述了Python简单删除列表中相同元素的方法.分享给大家供大家参考,具体如下: 去除列表中重复的元素,非常简单,直接上代码: a = [11, 21, 3, 4, 3, 2, 5] b = list(set(a)) print(a) print(b) 运行结果: E:\Program\Python>d.py [11, 21, 3, 4, 3, 2, 5] [2, 3, 4, 5, 11, 21] 看到了吗,结果中确实没有了重复的元素.但是,同时,结果中的元素被按从小到大进行了排序! P

  • Python简单遍历字典及删除元素的方法

    本文实例讲述了Python简单遍历字典及删除元素的方法.分享给大家供大家参考,具体如下: 这种方式是一定有问题的: d = {'a':1, 'b':2, 'c':3} for key in d: d.pop(key) 会报这个错误:RuntimeError: dictionary changed size during iteration 这种方式Python2可行,Python3还是报上面这个错误. d = {'a':1, 'b':2, 'c':3} for key in d.keys():

  • JS实现加载时锁定HTML页面元素的方法

    本文实例讲述了JS实现加载时锁定HTML页面元素的方法.分享给大家供大家参考,具体如下: 在html加载时js锁定页面内所有input,textarea,select  具体js如下 index.js for(z=0;z<document.getElementsByTagName('input').length;z++) { document.getElementsByTagName('input')[z].setAttribute('disabled','disabled') } for(zz

  • jQuery实现动态控制页面元素的方法分析

    jQuery实现动态控制页面元素的方法分析

    本文实例讲述了jQuery实现动态控制页面元素的方法.分享给大家供大家参考,具体如下: 背景 最近做了一个小系统,其中需要在页面对用户的好友进行增删改查.本来没有那么复杂,用表格形式就可以相对容易的实现. 但是考虑到用户的体验度,首先添加尽量不想用输入,就采用将所有用户分类显示,然后点击即可添加. 添加的用户同时在界面显示,显示出用户当前的好友.同时点击已经添加好的好友可进行下一部的业务操作. 当然,删除的操作是仿照手机端那样,右上角有一个红色的"x",点击该好友即可删除. 最后界面还

随机推荐