Python + Selenium(五)网页元素定位(四)class name 定位

class 属性可以为元素应用一个或者多个 CSS 样式类。
利用此属性可以与指定的 CSS 样式类关联起来,以此达到设置元素样式的功能。

可以这样理解,比如一个页面上的所有按钮,都想做成同样的样式,那么是不是要在每个按钮上写同样的 css 样式呢?

那能不能在 css 文件中,定义好一种样式,然后应用到每个按钮上。要想使用这个样式的按钮,直接在 class 属性中加上这个样式的类名就可以了。

按照上面的说法,class 属性表示一类的样式,应用在多个元素上,那么唯一性就要注意了。

看下面这个 span 元素,其中class="bg s_ipt_wr quickdelete-wrap",注意一下其中的空格,空格在这里的作用是分割多个类名的。这个 class 属性有两个空格,那么的代表这个 class 属性中包含了 3 个类名

<span id="s_kw_wrap" class="bg s_ipt_wr quickdelete-wrap"></span>

使用 WebDriver 中的 class_name 定位方式的话,就只能使用其中一个。

driver.find_element_by_class_name("bg")` ✅
driver.find_element_by_class_name("bg s_ipt_wr quickdelete-wrap")`  ❌

对 class_name 的唯一性验证,同样在 console 中借助 JavaScript 代码:

document.getElementsByClassName("bg")

  • 3
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值