本小节我们简单说下如何使用selenium4-获取页面元素相关信息,以及获取页面元素的相关信息后可以做什么。

获取页面元素的主要目的:(1)执行完步骤后进行断言;(2)获取前一步骤的响应结果作为后续步骤的输入或判断条件(关联)

1、获取元素的基本信息:元素的大小、文本内容、标签名

service = Service(r"C:\Users\USER\AppData\Local\Programs\Python\Python37\chromedriver.exe")
driver = webdriver.Chrome(service=service)
driver.get("http://www.baidu.com")
ele = driver.find_element(By.LINK_TEXT, '新闻')
print(ele.tag_name) # 输出标签名
print(ele.text) # 输出文本,适用于链接元素
print(ele.size) # 输出大小
driver.quit()

运行结果:
a
新闻
{'height': 23, 'width': 26}

2、获取元素的属性信息,如id,name,class name,value等

service = Service(r"C:\Users\USER\AppData\Local\Programs\Python\Python37\chromedriver.exe")
driver = webdriver.Chrome(service=service)
driver.get("http://www.baidu.com")
ele = driver.find_element(By.ID, 'kw') # 定位到百度搜索框
ele1 = driver.find_element(By.ID, 'su') # 定位到百度搜索按钮
print('------以下是百度搜索框的基本属性信息-------')
print(ele.get_attribute('id'))
print(ele.get_attribute('name'))
print(ele.get_attribute('class name'))
print(ele.get_attribute('value'))
print('------以下是百度搜索按钮的基本属性信息-------')
print(ele1.get_attribute('id'))
print(ele1.get_attribute('name'))
print(ele1.get_attribute('class name'))
print(ele1.get_attribute('value')) # 输出按钮的文字,也就是value属性值
driver.quit()

运行结果:
kw
wd
None

------以下是百度搜索按钮的基本属性信息-------
  su

None
  百度一下

区别总结:获取链接元素的文本使用ele.text , 获取按钮元素上的文本,使用ele.get_attribute('value')

3、获取CSS属性值:高、宽、字体等

service = Service(r"C:\Users\USER\AppData\Local\Programs\Python\Python37\chromedriver.exe")
driver = webdriver.Chrome(service=service)
driver.get("http://www.baidu.com")
ele = driver.find_element(By.LINK_TEXT, '新闻')
sleep(2)
# 输出元素的宽、高、字体
print(ele.value_of_css_property('height'))
print(ele.value_of_css_property('width'))
print(ele.value_of_css_property('font-family'))
driver.quit()
运行结果:
23px
26px
Arial, sans-serif

 

4、判断页面元素是否可见

通过is_displayed()方法判断页面元素是否可见,可见,返回True;不可见,返回False
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>判断元素是否可见</title>
<script type="text/javascript">
function showAndHidden1() {
var div1 = document.getElementById("div1");
var div2 = document.getElementById("div2");
if (div1.style.display == 'block') div1.style.display = 'none';
else div1.style.display = 'block';
if (div2.style.display == 'block') div2.style.display = 'none';
else div2.style.display = 'block';
}
function showAndHidden2() {
var div3 = document.getElementById("div3");
var div4 = document.getElementById("div4");
if (div3.style.visibility == 'visible') div3.style.visibility = 'hidden';
else div3.style.visibility = 'visible';
if (div4.style.visibility == 'visible') div4.style.visibility = 'hidden';
else div4.style.visibility = 'visible';
}
</script>
</head>
<body>
<div>display:元素不占用页面位置</div>
<div id="div1" style="display:block">DIV 1</div>
<div id="div2" style="display:none">DIV 2</div>
<input id="button1" type="button" onclick="showAndHidden1();" value="DIV 切换"/>
<hr>
<div>display:元素占用页面位置</div>
<div id="div3" style="visibility:visible">DIV 3</div>
<div id="div4" style="visibility:hidden">DIV 4</div>
<input id="button2" type="button" onclick="showAndHidden2();" value="DIV 切换"/>
</body>
</html>
service = Service(r"C:\Users\USER\AppData\Local\Programs\Python\Python37\chromedriver.exe")
driver = webdriver.Chrome(service=service)
html_file = os.getcwd() + os.sep + 'myhtml5_13.html'
driver.get(html_file)
ele1 = driver.find_element(By.ID, 'div1')
ele2 = driver.find_element(By.ID, 'div2')
ele3 = driver.find_element(By.ID, 'div3')
ele4 = driver.find_element(By.ID, 'div4')
# style="display:none" and style="visibility:hidden",页面元素不可见
print('ele1 is display:{}'.format(ele1.is_displayed()))
print('ele2 is display:{}'.format(ele2.is_displayed()))
print('ele3 is display:{}'.format(ele3.is_displayed()))
print('ele4 is display:{}'.format(ele4.is_displayed())) driver.find_element(By.ID, 'button1').click()
driver.find_element(By.ID, 'button2').click()
print('------点击切换按钮后,再次查看页面元素是否可见-------') print('ele1 is display:{}'.format(ele1.is_displayed()))
print('ele2 is display:{}'.format(ele2.is_displayed()))
print('ele3 is display:{}'.format(ele3.is_displayed()))
print('ele4 is display:{}'.format(ele4.is_displayed()))
driver.quit()
运行结果:

ele1 is display:True
ele2 is display:False
ele3 is display:True
ele4 is display:False
------点击切换按钮后,再次查看页面元素是否可见-------
ele1 is display:False
ele2 is display:True
ele3 is display:False
ele4 is display:True



5、判断页面元素是否可用

通过is_enable()方法判断页面元素是否可用,可用,返回True;不可用,返回False。如果页面元素有disabled属性的话,则不可用。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>判断页面元素是否可操作</title>
</head>
<body>
<input id="input1" type="text" size="40" value="可操作">
<input id="input2" type="text" size="40" value="不可用" disabled>
<input id="input3" type="text" size="40" value="只读" readonly>
</body>
</html>
 
service = Service(r"C:\Users\USER\AppData\Local\Programs\Python\Python37\chromedriver.exe")
driver = webdriver.Chrome(service=service)
html_file = os.getcwd() + os.sep + 'myhtml5_14.html'
driver.get(html_file)
ele1 = driver.find_element(By.ID, 'input1')
ele2 = driver.find_element(By.ID, 'input2')
ele3 = driver.find_element(By.ID, 'input3')
print('ele1 is enabled:{}'.format(ele1.is_enabled()))
print('ele2 is enabled:{}'.format(ele2.is_enabled()))
print('ele3 is enabled:{}'.format(ele3.is_enabled()))
driver.quit()
运行结果:

ele1 is enabled:True
ele2 is enabled:False
ele3 is enabled:True

 注意:当某个元素被其他元素遮挡时,也会出现元素无法操作的情况。

6、判断页面元素的选中状态

通过is_selected()方法判断页面元素是否被选中,被选中,返回True;未被选中,返回False。
service = Service(r"C:\Users\USER\AppData\Local\Programs\Python\Python37\chromedriver.exe")
driver = webdriver.Chrome(service=service)
driver.get('http://sahitest.com/demo/clicks.htm')
sleep(2)
ele = driver.find_element(By.XPATH, "/html/body/ul/li/a/label/input")
print(ele.is_selected())
print('----鼠标点击选中后再判断元素是否被选中-----')
ActionChains(driver).click(ele).perform()
print(ele.is_selected())
driver.quit()
运行结果:

False
----鼠标点击选中后再判断元素是否被选中-----
True

注意:如果选中或者取消选中单选按钮或复选框,页面有加载时间的话,要合理使用等待时间,然后判断选中状态,避免判断错误。

selenium4-获取页面元素相关信息的更多相关文章

  1. 示例 - 10行代码在C#中获取页面元素布局信息

    最近研究一个如何在网页定位验证码并截图的问题时, 用SS写了一段C#小脚本可以轻松获取页面任意元素的布局信息 (top, left, width, height). 10行功能代码, 觉得有点用, 现 ...

  2. Js之Dom学习-三种获取页面元素的方式、事件、innerText和innerHTML的异同

    一.三种获取页面元素的方式: getElementById:通过id来获取 <body> <input type="text" value="请输入一个 ...

  3. js获取页面元素距离浏览器工作区顶端的距离

    先介绍几个属性:(暂时只测了IE和firefox,实际上我工作中用到的最多的是chrome)  网页被卷起来的高度/宽度(即浏览器滚动条滚动后隐藏的页面内容高度) (javascript)       ...

  4. getBoundingClientRect()来获取页面元素的位置”

    getBoundingClientRect()来获取页面元素的位置” 获取的是一个对象; 延伸阅读; https://mp.weixin.qq.com/s?__biz=MzAxODE2MjM1MA== ...

  5. webAPI(DOM) 2.1 获取页面元素 | 事件1 | 属性操作 | 节点 | 创建元素 | 事件2

    js分三个部分: ECMAScript标准:js的基本语法 DOM:Ducument Object Model--->文档对象模型--->操作页面的元素 BOM:Browser Objec ...

  6. DOM——获取页面元素

    获取页面元素 为什么要获取页面元素 例如:我们想要操作页面上的某部分(显示/隐藏,动画),需要先获取到该部分对应的元素,才进行后续操作 根据id获取元素 var div = document.getE ...

  7. 获取Java系统相关信息

    package com.test; import java.util.Properties; import java.util.Map.Entry; import org.junit.Test; pu ...

  8. getBoundingClientRect() 来获取页面元素的位置

    getBoundingClientRect() 来获取页面元素的位置   document.documentElement.getBoundingClientRect 下面这是MSDN的解释: Syn ...

  9. JavaScript DOM编程基础精华01(DOM入门,DOM模型和获取页面元素,事件,window对象的方法)

    DOM入门 DOM就是Html页面的模型,将每个标签都做为一个对象,JavaScript通过调用DOM中的属性.方法就可以对网页中的文本框.层等元素进行编程控制.比如通过操作文本框的DOM对象,就可以 ...

  10. .Net中获取打印机的相关信息

    原文:.Net中获取打印机的相关信息 新项目中牵涉到对打印机的一些操作,最重要的莫过于获取打印机的状态,IP等信息,代码量不大,但是也是自己花了一点时间总结出来的,希望能帮助需要的朋友. Printe ...

随机推荐

  1. CSS3新增选择器(属性选择器、结构伪类选择器、伪元素选择器)

    ​本博文介绍CSS3中新增的选择器,包括属性选择器.结构伪类选择器和伪元素选择器. 1 属性选择器 属性选择器([属性])可以根据元素的属性和属性值来对符合要求的元素进行选择. 属性选择器的基础语法如 ...

  2. 全网最详细中英文ChatGPT-GPT-4示例文档-智能AI写作从0到1快速入门——官网推荐的48种最佳应用场景(附python/node.js/curl命令源代码,小白也能学)

    目录 Introduce 简介 setting 设置 Prompt 提示 Sample response 回复样本 API request 接口请求 python接口请求示例 node.js接口请求示 ...

  3. w11默认调用ie浏览器方法

    作为公司的一个it人员,最近发现w11不能不能调用ie,导致公司的系统不能正常使用,因为后台插件室默认调用ie,如果重新写插件太麻烦,所以百度了下,亲测可用,目前,公司电脑已经可以正常使用,具体方法如 ...

  4. Java 8新特性之 Optional 类

    前言 java.util.Optional 是java8中引进的一个新的类,我们通过Optional类的源码可以看到,该方法的作用可以对可能缺失的值进行建模,而不是直接将null赋值给变量. Opti ...

  5. Android Activity的事件分发机制-源码解析

    查看Activity的dispatchTouchEvent方法: public boolean dispatchTouchEvent(MotionEvent ev) { if (ev.getActio ...

  6. JMeter-BeanShell预处理程序和BeanShell后置处理程序的应用

    一.什么是BeanShell? BeanShell是用Java写成的,一个小型的.免费的.可以下载的.嵌入式的Java源代码解释器,JMeter性能测试工具也充分接纳了BeanShell解释器,封装成 ...

  7. Linux(二)文件权限和压缩

    1 搜索查找类 1.1 查找定位文件 find <搜索范围.路径> <选项> find将从指定目录下递归地遍历其各个子目录,将满足条件的文件显示在终端. 选项说明 -name: ...

  8. 【vue3-element-admin 】基于 Vue3 + Vite4 + TypeScript + Element-Plus 从0到1搭建后台管理系统(前后端开源@有来开源组织)

    vue3-element-admin 是基于 vue-element-admin 升级的 Vue3 + Element Plus 版本的后台管理前端解决方案,技术栈为 Vue3 + Vite4 + T ...

  9. springboot注解@PostContruct以及@Cacheable

    1.@PostContruct @PostConstruct和@PreDestroy两个注解被用来修饰一个非静态的void()方法. @PostConstruct 加该注解会在项目启动的时候执行该方法 ...

  10. 微服务 - Nginx网关 · 进程机制 · 限流熔断 · 性能优化 · 动态负载 · 高可用

    系列目录: 微服务 - 概念 · 应用 · 通讯 · 授权 · 跨域 · 限流 微服务 - 集群化 · 服务注册 · 健康检测 · 服务发现 · 负载均衡 微服务 - Redis缓存 · 数据结构 · ...