Selenium学习笔记--Webdriver API 1--定位元素方式

最新推荐文章于 2022-12-24 19:27:40 发布
最新推荐文章于 2022-12-24 19:27:40 发布
阅读量333 收藏 2
点赞数 1
文章标签： python selenium
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jiang_guo/article/details/106599484
版权

Webdriver API

Webdriver 定位元素的8种方法

  • id定位：find_element_by_id()
  • name定位：find_element_by_name()
  • tag定位：find_element_by_tag_name()
  • class定位：find_element_by_class_name()
  • link_text定位：find_element_by_link_text()
  • partial_link定位：find_element_by_partial_link_text()
  • XPath定位：find_element_by_xpath()
  • CSS_selector定位：find_element_by_css_selector()
    eg.百度首页
    在这里插入图片描述

id定位搜索框

HTML中，id是唯一的

find_element_by_id("kw")

name定位

find_element_by_name("wd")

class定位

find_element_by_class_name("s_ipt")

tag定位

HTML通过tag来定义不同页面的元素
注意：一个标签往往用来定义一类功能，通过标签识别单个元素的概率很低。

find_element_by_tag_name("input")

link定位

link定位用来定位文本链接
eg.百度输入框上面的几个文字链接代码如下

<a href="http://news.baidu.com" target="_blank" class="mnav c-font-normal c-color-t">新闻</a>
<a href="https://www.hao123.com" target="_blank" class="mnav c-font-normal c-color-t">hao123</a>
<a href="http://map.baidu.com" target="_blank" class="mnav c-font-normal c-color-t">地图</a>
<a href="https://haokan.baidu.com/?sfrom=baidu-top" target="_blank" class="mnav c-font-normal c-color-t">视频</a>
<a href="http://tieba.baidu.com" target="_blank" class="mnav c-font-normal c-color-t">贴吧</a>
<a href="http://xueshu.baidu.com" target="_blank" class="mnav c-font-normal c-color-t">学术</a>

通过link定位

find_element_by_link_text("新闻")
find_element_by_link_text("hao123")
find_element_by_link_text("地图")
find_element_by_link_text("视频")
find_element_by_link_text("贴吧")
find_element_by_link_text("学术")

partial link定位

有些文字链接比较长，可以取文字链接的部分文字进行定位

find_element_by_partial_link_text("hao")

对于网页的节点来说，它可以定义 id 、 class 或其他属性。 而且节点之间还有层次关系，在网页中可以通过 XPath 或 css 选择器来定位一个或多个节点 。 那么，在页面解析时，利用 XPath 或 css选择器来提取某个节点，然后再调用相应方法获取它的正文内容或者属性，就可以提取我们想要的任意信息了。

XPath定位

XPath ， 全称 XML Path Language ，即 XML 路径语言，它是一门在 XML 文档中查找信息的语言 。它最初是用来搜寻 XML 文档的，但是它同样适用于 HTML 文档的搜索。
XPath使用可以访问官网：https://www.w3.org/TR/xpath

表达式描述
nodename选取此节点的所有子节点
/从当前节点选取直接子节点
//从当前节点选取子孙节点
.选取当前节点
…选取当前节点的父节点
@选取属性

通过绝对路径定位

find_element_by_xpath("/html/body/div/div[2]/div/div/form/span/input")

相对路径定位

find_element_by_xpath("//input[@id='kw']")

如果不想指定标签名，可以使用星号（*）代替，而且使用XPath】不局限于id、name和class三个属性值

find_element_by_xpath('//*[@name="wd"]')
find_element_by_xpath('//input[@maxlength="100"]')

使用逻辑运算符

在这里插入图片描述

find_element_by_xpath('//input[@id="kw" and @name="wd"]')

使用contains方法

contains方法用于匹配一个属性中包含的字符串

find_element_by_xpath('//span[contains(@class, "s_ipt")]/input')

使用text()方法

text()用于匹配显示文本信息

find_element_by_xpath("//a[text(), '新闻']")
find_element_by_xpath("//a[contains(text(), '新闻')]")

CSS 定位

CSS选择器常见语法

selectorexampledescription
.class.introclass选择器，选择class="intro"的所有元素
#id#firtnameid选择器，选择id="firstname"的所有元素
**选择所有元素
elementp选择所有

标签元素

element > elementdiv > input选择父元素为
的所有input元素
element + elementdiv + input选择同一级中紧接着div元素之后的所有input元素
[arrtribute=value][target=_blank]选择target="_blank"的所有元素

例如


<span class="bg s_ipt_wr">
	<input id="kw" class="s_ipt" autocomplete="off" maxlength="100" name="wd"/>
</span>
<span class="bg s_btn_wr">
	<input id="su" class="s_btn" type="submit" value="百度一下"/>
</span>

通过class定位

find_element_by_css_selector(".bg.s_ipt")
find_element_by_css_selector(".s_ipt")

id定位

find_element_by_css_selector("#su")

标签名定位

find_element_by_css_selector("input")

属性定位

find_element_by_css_selector("[autocomplete='off']")
find_element_by_css_selector("[name='kw']")

组合定位

find_element_by_css_selector('form#form > span > input#kw')

更多定位用法

  1. 查找属性包含“s_ipt_wr”字符串的元素
find_element_by_css_selector("[class*=s_ipt_wr]")
  1. 查找class属性以“bg”字符串开头的元素
find_element_by_css_selector("[class^=bg]")
  1. 查找class属性以“wrap”字符串结尾的元素
find_element_by_css_selector('[class$=wrap]')
  1. 查找input标签下面的第二个input标签的元素
find_element_by_css_selector("form > input:nth-child(2)")

ps:css选择更多用法：http://www.w3school.com.cn/cssref/css_selectors.asp

用By定位元素

用By定位，需要先导入from selenium.webdriver.common.by import By,使用find_element()方法需要两个参数，第一个参数是定位的类型，第二个是定位的值。

from selenium.webdriver.common.by import By


# id
find_element(By.ID, "kw")
# class
find_element(By.CLASS_NAME, "s_ipt")
# name
find_element(By.NAME, "wd")
# tag
find_element(By.TAG_NAME, "input")
# link
find_element(By.LINK_TEXT, "新闻")
# partial link
find_element(By.PARTIAL_LINK_TEXT, "hao")
# xpath
find_element(By.XPATH, "//span[@id='kw']")
#csss
find_element(By.CSS_SELECTOR, "span.bg s_btn_wr>input#su")

定位一组元素

  • id定位：find_elements_by_id()
  • name定位：find_elements_by_name()
  • tag定位：find_elements_by_tag_name()
  • class定位：find_elements_by_class_name()
  • link_text定位：find_elements_by_link_text()
  • partial_link定位：find_elements_by_partial_link_text()
  • XPath定位：find_elements_by_xpath()
  • CSS_selector定位：find_elements_by_css_selector()
import time
from selenium import webdriver


driver = webdriver.Chrome()
driver.get("http://www.baidu.com")

driver.find_element_by_id("kw").send_keys("python")

driver.find_element_by_id("su").click()

time.sleep(2)

# 定位一组元素
texts = driver.find_elements_by_xpath('//div[@id="content_left"]/div[@cmatchid]')


print(len(texts))  # 5
jiang_guo
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jemter-正则表达式提取器
m0_37933543的博客
03-31 100
新建一个线程组，在线程组下面添加一个HTTP请求 在HTTP请求内添加相关协议、IP、端口号、HTTP请求、路径 右键HTTP请求，选择添加-后置处置器-正则表达式提取式 在页面中填写引用名称（随意填写）、正则表达式、模板、匹配数字 正则表达式 <a href="http://news.baidu.com" target="_blank" class="mnav c-font-normal c-color-t">新闻</a> 最好前边界和后边界是唯一 如果是唯一的： clas.
Selenium3+python3自动化（四十七）--定位的坑：class属性有空格
weixin_44732155的博客
09-05 207
前言 有些class属性中间有空格，如果直接复制过来定位是回报错的：no such element: Unable to locate element，即：没有这样的元素：找不到元素 一、定位带空格的class属性 1.以百度首页，定位新闻按钮为例：https://www.baidu.com 2.如果直接复制class属性定位，是会报错的 二、class属性科普 1.class属性中间的...
python3 selenium自动化测试 强大的CSS定位方法
09-18
今天小编就为大家分享一篇python3 selenium自动化测试 强大的CSS定位方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
selenium WebDriver定位元素学习总结
热门推荐
JOJOY的博客
12-08 4万+
定位元素先要掌握基本的HTML语法： http://blog.csdn.net/jojoy_tester/article/details/53222425 http://blog.csdn.net/jojoy_tester/article/details/53228674 webdriver属于selenium体系中设计出来操作浏览器的一套API，webdriver是pyt
UI自动化测试-selenium元素定位
seanyang_的博客
12-24 879
好了，本文介绍了html文档的结构，元素定位的八种方式，如何在F12开发者工具查看元素，校验xpath。相信学习了这些方法，你一定可以定位到任何想要定位的元素了！欢迎交流，拜拜。
selenium-dotnet-3.5.2 C# webdriver
03-29
【Selenium-dotnet-3.5.2 C# Webdriver】是用于自动化Web浏览器操作的开源工具，尤其在软件测试领域广泛应用。Selenium支持多种编程语言，包括C#，并且与.NET Framework兼容，使得.NET开发者可以方便地进行网页自动...
selenium-powershell:用于运行Selenium WebDriver的PowerShell模块
05-07
包装用于Selenium的C＃WebDriver 轻松执行基于Web的测试 与Pester搭配良好 安装 Note: Firefox's Latest Gecko Driver on Windows requires Microsoft Visual Studio Redistributables for the binary to run get ...
Selenium-Remote-Driver：与Selenium Webdriver服务器的Perl绑定
02-05
Perl社区为Selenium WebDriver提供了名为`Selenium-Remote-Driver`的模块，它使得Perl开发者可以方便地利用WebDriver的功能。该模块遵循WebDriver的JSON Wire Protocol，将Perl代码转换成HTTP请求发送给WebDriver...
selenium-java-3.141.59.zip
09-08
通常，这包括如 selenium-server-standalone-3.141.59.jar、selenium-java-3.141.59.jar 等文件，它们包含了执行自动化测试所需的所有依赖。 在使用 Selenium WebDriver 进行测试时，首先需要选择一个浏览器驱动...
intro-selenium-webdriver:用于有关Selenium WebDriver的中型文章的项目
04-28
Selenium驱动器简介阅读我们的文章，并了解有关Selenium WebDriver的一些知识。 构建该存储库是为了存储文章中存在的代码。使用的技术Java 8; Maven; Selenium WebDriver； JUnit 5; AssertJ; WebDriverManager。...
LOJ#538. 「LibreOJ NOIP Round #1」数列递推
qq_42754826的博客
10-07 313
description sosusosu 虐爆 OI 之后成为了一名文化课选手。一天，他做作业碰到了一堆数列问题，每道题给出的数列都是以下形式： 给定一个下标从000开始，无限长的整数列ai{a_{i}}ai​，i∈Ni \in Ni∈N ，已知a0,a1a_{0},a_{1}a0​,a1​ 的值，以及递推式ai+2=kai+1+aia_{i+2}=ka_{i+1}+a_{i}ai+2​=kai+1​+ai​，i∈Ni \in Ni∈N ，k∈N+k \in N^+k∈N+。 sosusosu 研
Selenium元素定位学习笔记
bubbleTg的博客
07-09 317
Selenium元素定位 元素定位方法汇总 使用ID定位 我们以百度网站为例： 我们进行百度一下搜索测试。 @Test public void idTest() { //使用ID定位，定位输入框，并输入百度一下。 driver.findElement(By.id("kw")).sendKeys("百度一下"); //使用ID定位，并点击 driver.findElement(By.id("su")).click();
元素定位学习
good_study123的博客
06-25 205
1、八大元素定位方式： - id， 常用 - name， 常用 - class_name， 常用 - tag_name， 不常用 - link_text 通过超链接的文本定位， 不常用 - partial_link_text 通过超链接的文本一部分定位， 不常用 - xpath - css_selector from selenium import webdriver #初始化浏览器对象 driver0 =webdriver.Chrome() #打开浏览器 driver0.get("http...
爬虫之BeautifulSoup解析库
yunfeng
09-18 171
首先有一个test_baidu.html的文件，我放在了文末 Tag 标签及其内容（只能拿到它所找到的第一个内容） 执行下面程序， from bs4 import BeautifulSoup file = open('test_baidu.html','rb') html = file.read() bs = BeautifulSoup(html, "html.parser") print(bs.title) print(type(bs.title)) 运行结果如下 <title>百度.
jquery操作id简单小技巧 id选择，某段id开头，排除某个id
caiyl1314的专栏
03-20 5043
jquery操作id简单小技巧 id选择，某段id开头，排除某个id $(function(){ $("input[id^='1']").not("#1Checkbox2").click(function(){ //点击id为1开头但不为1Checkbox2的选择框触发事件 alert("点中了id不是1Checkbox2，但以1开头的"); }); //if($("in
selenium常用的8大元素定位方法
u013370693的博客
01-19 948
一、自动化的主要步骤 导入模块 from selenium import webdriver 1、初始化一个浏览器 driver = webdriver.Chrome() 2、打开一个网页 drive.get(“http://www.baidu.com”) 3、元素定位，如通过id查找： driver.find_element_by_id(“kw”) 4、点击提交： button.click() 元素定位常用8个方法： 1、id driver.find_element_by_id() 2、name dr
xpath定位中详解id 、starts-with、contains、text()和last() 的用法
peiwang245的博客
08-30 908
1、XPATH使用方法 使用XPATH有如下几种方法定位元素（相比CSS选择器，方法稍微多一点）： a、通过绝对路径定位元素（不推荐！） WebElement ele = driver.findElement(By.xpath("html/body/div/form/input")); b、通过相对路径定位元素 WebElement ele = driver.findElement(By.xpa...
软件测试——定位元素
weixin_42864145的博客
03-04 656
从定位元素开始 百度输入框和搜索按钮的代码如下： … …&lt;input id = “su” class = “bg s_bth” type =”submit” value = “百度一下”&gt; … id定位 HTML规定id属性在HTML文档中必须是唯一的，这类似于公民的身份证号，具有很强的唯一性。WebDriver提供的id定位方法就是通过元素的id属性来查找元素。 find_elem...
【python爬虫系列】爬虫+Selenium
尽力漂亮的博客
03-09 2474
文章目录python爬取百度Python下Selenium安装及环境配置python爬取拉勾招聘 python爬取百度 import urllib.request response = urllib.request.urlopen("http://www.baidu.com") print(response.read().decode("utf-8")) Python下Selenium安装及环境配置 1.安装 pip install selenium 查看是否下载成功： pip show sel
selenium定位el-dropdown-menu
最新发布
05-19
如果你想使用Selenium定位el-dropdown-menu，你可以尝试以下代码： ```python from selenium import webdriver from selenium.webdriver.common.by import By from selenium.webdriver.support.ui import WebDriverWait from selenium.webdriver.support import expected_conditions as EC driver = webdriver.Chrome() driver.get("https://example.com") # 等待 el-dropdown-menu 出现 dropdown = WebDriverWait(driver, 10).until( EC.presence_of_element_located((By.CSS_SELECTOR, "el-dropdown-menu")) ) # 进行操作 dropdown.click() ``` 在这个例子中，我们通过 `presence_of_element_located` 方法等待 `el-dropdown-menu` 元素出现。一旦出现，我们就可以进行操作，例如点击它。请注意，您需要将CSS选择器替换为正确的元素定位方式，以便定位到正确的元素。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值