本小节我们简单说下如何使用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. C#多线程开发-处理异步操作中的异常

    C#多线程开发-处理子线程中的异常 在平时的多线程开发中,对于异常的处理是至关重要的,千万不能马虎.如果在实际的项目中,对于某些线程中的异常没有处理,会直接导致整个程序崩溃,软件无法使用. 其中需要说 ...

  2. 关于js类的继承

    原型链继承 特点:基于原型链,既是父类的实例,也是子类的实例. 缺点: 无法实现多继承. 构造继承 特点: 可以实现多继承. 缺点: 之能继承父类实例的属性和方法,不能继承原型上的属性和方法. 实例继 ...

  3. TS 基础及在 Vue 中的实践：TypeScript 都发布 5.0 版本啦，现在不学更待何时！

    大家好,我是 Kagol,OpenTiny 开源社区运营,TinyVue 跨端.跨框架组件库核心贡献者,专注于前端组件库建设和开源社区运营. 微软于3月16日发布了 TypeScript 5.0 版本 ...

  4. OpenTranslator：一款基于ChatGPT API的翻译神器

    这是一款使用 ChatGPT API 进行划词翻译和文本润色的浏览器插件.借助了 ChatGPT 强大的翻译能力,它将帮助您更流畅地阅读外语和编辑外语. 它能干啥 一. 可翻译 二. 可润色 三. 可 ...

  5. 一步步制作下棋机器人之 coppeliasim进行Scara机械臂仿真与python控制

    稚晖君又发布了新的机器人,很是强大. 在编写时看到了稚晖君的招聘信息,好想去试试啊! 小时候都有一个科幻梦,如今的职业也算与梦想有些沾边了.但看到稚晖君这种闪着光芒的作品,还是很是羡慕. 以前就想做一 ...

  6. Kubernetes（K8S）内核优化常用参数详解

    net.ipv4.tcp_keepalive_time=600 net.ipv4.tcp_keepalive_intvl=30 net.ipv4.tcp_keepalive_probes=10 net ...

  7. Java GenericObjectPool 对象池化技术--SpringBoot sftp 连接池工具类

    Java BasePooledObjectFactory 对象池化技术 通常一个对象创建.销毁非常耗时的时候,我们不会频繁的创建和销毁它,而是考虑复用.复用对象的一种做法就是对象池,将创建好的对象放入 ...

  8. 五月十二号java基础知识点

    1.注解是代码中特殊标记,作用是告知编译器做什么事2.反射允许程序在运行状态时,对任意一个字节码获取它所有信息3.内部类是定义在类中的嵌套类4.匿名内部类是定义在类的同时创建该类的一个对象5.lamb ...

  9. vue-element-admin 动态菜单改造

    vue-element-admin 动态菜单改造 vue-element-admin 是一款优秀后台前端解决方案,它基于 vue 和 element-ui实现.开源后台管理系统解决方案项目 Boot- ...

  10. Mac + IOS + Safari 抓取网络请求

    第一步:打开苹果手机 设置>Safari浏览器>高级>网页检查器 第二步:打开 Mac 上的Safari浏览器>偏好设置>高级>在菜单栏中显示"开发&qu ...