Selenium元素定位方法:css_selector定位

这篇具有很好参考价值的文章主要介绍了Selenium元素定位方法:css_selector定位。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

认识CSS定位

CSS:

概念:(Cascading Style Sheets)是一种语言,用来描述HTML元素的显示样式。

选择器:一种表达式,可以找到HTML中的标签元素。

css定位

概念:selenium利用选择器定位元素的定位方式。

方法:driver.find_element_by_css_selector(选择器表达式)

1、id选择器

语法: #id属性值

前置: 标签必须id属性

2、类选择器

语法: .class属性值

前置: 标签必须class属性

3、标签选择器

语法: 标签名

提示: 注意标签是否在⻚⾯中唯⼀,否则返回单个或所有

4、属性选择器

语法: [属性名='属性值']

说明: 标签任意属性都可以

5、层级选择器

练习需求:

打开注册A.html页面,完成以下操作

1).使用CSS定位方式中id选择器定位用户名输入框,并输入: admin

2).使用CSS定位方式中属性选择器定位密码输入框,并输入:123456

3).使用CSS定位方式中class选择器定位电话号码输入框,并输入∶18600000000

4).使用CSS定位方式中元素选择器定位注册按钮,并点击

答案:

from time import sleep

from selenium import webdriver

# 1、获取浏览器

driver = webdriver.Chrome()

# 2、打开url

driver.get("file:///Users/lgy/Documents/fodder/web/%E6%B3%A8%E5%86%8CA.html")

# 3、查找操作元素

# 用户名 id选择->#id属性值

driver.find_element_by_css_selector("#userA").send_keys("admin")

# 密码 属性选择器->[属性名='属性值']

driver.find_element_by_css_selector("[name='passwordA']").send_keys("123456")

# 电话 类选择器->.class属性值

driver.find_element_by_css_selector(".telA").send_keys("18600000000")

# 确定 标签选择器-标签名

sleep(2)

driver.find_element_by_css_selector("button").click()

# 4、关闭浏览器

sleep(3)

driver.quit()文章来源地址https://www.toymoban.com/news/detail-640141.html

driver.quit()

到了这里,关于Selenium元素定位方法:css_selector定位的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Selenium之css如何实现元素定位,你了解多少?

    前言 世界上最远的距离大概就是明明看到一个页面元素站在那里,但是我却定位不到!! Selenium定位元素的方法有很多种,像是通过id、name、class_name、tag_name、link_text等等,但是这些方法局限性太大, 随着自动化测试的深入,和不同框架要求,会发现上面的定位方式无法解

    2024年02月16日
    浏览(56)
  • 【selenium】八大元素定位方式|xpath css id name...

    目录 一、基础元素定位 二、cssSelector元素定位——通过元素属性定位 三、xpath元素定位——通过路径  1 、xpath绝对定位 (用的不多) 缺点:一旦页面结构发生变化(比如重新设计时,路径少两节),该路径也随之失效,必须重新写 2、 xpath相对定位 2.1  路径解释: 2.2  定

    2024年02月22日
    浏览(52)
  • 自学Python 69 Selenium八大元素定位方法(新版BY方法)_selenium定位元素的方法和优缺点

    文章目录 Python Selenium八大元素定位方法(新版BY方法) 前言 一、常用的八种定位方法(新旧对比) 二、查看网页元素 三、八大元素定位示例 1、id定位 2、name定位 3、class定位 4、tag定位 5、link定位 6、partial_link定位 7、xpath定位 8、CSS定位 在学习使用Selenium对网页元素进行定位时

    2024年04月22日
    浏览(58)
  • Selenium元素定位方法大全

    作为当下最流行的web UI自动化测试工具,selenium是很多测试同学入门接触自动化测试时学习的第一个工具。想要自动化操作页面上的内容,元素定位是首先必须要学习的核心知识。 因此本文主要介绍selenium的几种最常用的元素定位方法,掌握了这些方法,希望能帮助大家快速

    2024年02月02日
    浏览(65)
  • selenium定位元素方法

    1、通过id定位元素 写法1: element = driver.find_element_by_id(\\\"kw\\\") 写法2: from selenium.webdriver.common.by import By element = driver.find_element(by=By.ID, value=\\\"kw\\\") Tips: by=By.ID表示以id的方式定位web元素,下面的例子有类似的写法以此类推 2、通过class定位元素 写法1: cheeses = driver.find_elements_by_clas

    2023年04月25日
    浏览(49)
  • selenium定位元素的方法

    Selenium可以驱动浏览器完成各种操作,比如模拟点击等。要想操作一个元素,首先应该识别这个元素。人有各种的特征(属性),我们可以通过其特征找到人,如通过身份证号、姓名、家庭住址。同理,一个元素会有各种的特征(属性),我们可以通过这个属性找到这对象。

    2024年02月14日
    浏览(43)
  • 自动化测试学习(六)-selenium定位元素之CSS选择器详细用法

    目录 1.通过class属性定位 2.通过id属性定位 3.通过标签名定位 4.其他方法定位    CSS是一种语言,它可以比较灵活的选择控件的任意属性,一般情况下比Xpath快,下面我们详细介绍CSS的用法。CSS常见语法如下表所示:  选择器 示例 描述 .class .s_ipt 选择class=\\\"s_ipt\\\"的所有元素 #i

    2024年01月17日
    浏览(48)
  • Selenium元素定位——八大方法详述

    元素:由标签头 + 标签尾 + 标签头和标签尾包括的文本内容; 元素的信息就是指元素的标签名及元素的属性; 元素的层级结构就是指元素之间相互嵌套的层级结构; 元素定位最终就是通过元素的信息或者元素的层级结构来进行元素定位; webdriver 提供了一系列的对象定位方

    2024年02月06日
    浏览(46)
  • Selenium常用元素定位方法汇总

    目录 一、webdriver定位方法 1、xpath基本定位用法 2、xpath相对路径/绝对路径定位 3、xpath文本、模糊、逻辑定位 1、 id 定位 2、 name定位 3、 class定位 4、 link定位 --精准定位 5、 partial_link定位 --模糊定位 6、 tag_name定位 --标签名定位 找到页面上所有标签名为input的标签,返回一个列

    2024年02月02日
    浏览(44)
  • Selenium元素定位方法:link_text定位

    概念:专门用来定位超链接元素(标签)。 练习元素定位使用Link_Text定位方式完成下面操作 打开注册A.html页面,完成以下操作 1).使用link_text定位(访问 新浪 网站)超链接,并点击 2).3秒后关闭浏览器窗口 ①.创建浏览器驱动 ②.打开测试网址 ③.获取要定位超链接文本类容,用拷

    2024年02月06日
    浏览(39)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包