【selenium】自动化测试中,元素无法点击定位等问题的解决:js的使用方法

这篇具有很好参考价值的文章主要介绍了【selenium】自动化测试中,元素无法点击定位等问题的解决:js的使用方法。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

在自动化测试中经常会遇到使用selenium方法定位元素点击操作失败的情况,例如,我们想实现在浏览器输入http://www.baidu.com,进入百度首页后,鼠标悬停在“更多产品”上,点击“全部产品”

【selenium】自动化测试中,元素无法点击定位等问题的解决:js的使用方法
若不使用js的话,代码应该如下图所示:

【selenium】自动化测试中,元素无法点击定位等问题的解决:js的使用方法
我们执行代码后,发现会报错

【selenium】自动化测试中,元素无法点击定位等问题的解决:js的使用方法
我们该如何解决这个问题呢,那就要用到这篇文章的主角js了,将代码修改为如下内容,执行代码,发现页面正常跳转了

【selenium】自动化测试中,元素无法点击定位等问题的解决:js的使用方法
我们在编写自动化测试用例的过程中,有时会遇到某个元素的长宽设置的比较大,将我们想要点击的元素遮挡住了,该怎么办?我们可以使用js的方法,先将遮挡我们的元素去掉,这里举个例子,我们利用js去掉百度的搜索按钮,执行以下代码

【selenium】自动化测试中,元素无法点击定位等问题的解决:js的使用方法
执行代码后,我们发现百度搜索按钮消失了

【selenium】自动化测试中,元素无法点击定位等问题的解决:js的使用方法
想看看js的效果的话,我们可以直接在浏览器按一下F12的按键,鼠标点击Console或者控制台

【selenium】自动化测试中,元素无法点击定位等问题的解决:js的使用方法

【selenium】自动化测试中,元素无法点击定位等问题的解决:js的使用方法
打开百度首页,按F12后,在控制台输入document.getElementById(“kw”).value=“你喊”,之后输入回车后,看一下效果吧

【selenium】自动化测试中,元素无法点击定位等问题的解决:js的使用方法

JS的使用方法:

一、查找元素:

1、根据元素的id查找元素:document.getElementById(元素id值)

2、根据元素的class属性查找元素:document.getElementsByClassName(元素class值)

3、根据元素的TagName属性查找元素:document.getElementsByTagName(标签名)

4、根据css属性查找元素:

①查找一个元素:document.querySelector(css表达式)

②查找多个元素:document.querySelectorAll(css表达式)

二、获取元素属性:

1、document.getElementByXXX(“”).属性名

2、document.getElementByXXX(“”).getAttribute(属性名)

三、修改元素属性

1、document.getElementByXXX(“”).属性名=属性值

2、document.getElementByXXX(“”).setAttribute(属性名,属性值)

四、获取元素内容

1)获取的内容包含html标签:

document.getElementByXXX(" ").innerHTML

2)获取的内容不包含html标签,纯文本:

document.getElementByXXX(" ").innerText

五、修改元素内容:

1)获取的内容包含html标签:

document.getElementByXXX(" ").innerHTML=new HTML

2)获取的内容不包含html标签,纯文本:

document.getElementByXXX(" ").innerText = 文本文字

六、修改样式:

document.getElementByXXX(" ").style.样式名=样式值

例如:元素的可见性:document.getElementByXXX(" ").style.visibility=‘hidden’

元素的颜色:document.getElementByXXX(" ").style.color=‘blue’

最后:下方这份完整的【软件测试】视频学习教程已经整理上传完成,朋友们如果需要可以自行免费领取 【保证100%免费】

【selenium】自动化测试中,元素无法点击定位等问题的解决:js的使用方法

【selenium】自动化测试中,元素无法点击定位等问题的解决:js的使用方法文章来源地址https://www.toymoban.com/news/detail-475854.html

到了这里,关于【selenium】自动化测试中,元素无法点击定位等问题的解决:js的使用方法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • Selenium元素定位全攻略,让你轻松玩转自动化测试!

    一、什么是元素定位 元素定位就是查找HTML元素的过程,操作页面元素之前,首先要对元素进行定位,所以定位是自动化脚本编写的开始。 通常使用find_element或find_elements方法来定位元素(find_element 使用给定的方法定位和查找一个元素;find_elements 使用给定的方法定位和查找所

    2024年02月04日
    浏览(46)
  • 自动化测试之八大元素定位方式(python3.10+selenium4)

    元素的定位是自动化测试核心。要操作一个对象,首先要识别定位或找到这个对象。为了实现网页整体布局,我们先要知道,一个元素,是如何定位到页面上的某个位置的,这就是元素定位。 系统环境 Windows 11 📌 python3.10.5 🔖 selenium 4.8.0 🚩 注意:以下每种定位方式均有一

    2024年02月03日
    浏览(79)
  • python+selenium的web自动化测试之8种元素定位方式详解

    目录 前言 单一属性定位 通过元素的id 通过元素的name 通过元素的class 通过元素的标签名 通过元素的超链接文本 通过元素的部分超链接文本 XPTH定位 CSS定位 辅助定位工具 ​ 我们在做WEB自动化时,最根本的就是操作页面上的各种元素,而操作的基础便是元素的定位,只有准确

    2023年04月16日
    浏览(60)
  • 基于Java+Selenium的WebUI自动化测试框架(一)---页面元素定位器

     🔥 交流讨论: 欢迎加入我们一起学习! 🔥 资源分享 : 耗时200+小时精选的「软件测试」资料包 🔥  教程推荐: 火遍全网的《软件测试》教程   📢 欢迎点赞 👍 收藏 ⭐留言 📝 如有错误敬请指正! 对于自动化测试,尤其是UI的自动化测试。是很多做黑盒功能测试的同

    2024年03月17日
    浏览(67)
  • Web自动化测试-如何进行Selenium页面数据及元素交互?教你一步不漏。

      目录 前言: 一、Selenium简介 二、安装Selenium 1.Windows用户安装Selenium 2.安装Chrome浏览器驱动 三、使用Selenium进行页面数据及元素交互 1.启动浏览器

    2024年02月07日
    浏览(51)
  • 『App自动化测试之Appium应用篇』| 继承于selenium常用的元素定位方法有哪些?如何使用?

    在了解元素等位前,我们先了解下 app 的一些类型,只有了解这些 app 的类型才能针对性的选择元素定位方法; 因为不同类型的app的定位方式可能存在差异性; 我们了解到 APP 可以分为原生 APP 、 Web APP 、混合 APP 。 而原生 APP 是基于 Android 或 iOS 平台官方的语言、类库、工具

    2024年02月03日
    浏览(52)
  • 〖Python WEB 自动化测试实战篇⑦〗- 实战 - selenium的基本元素操作与键盘鼠标模拟事件操作

    订阅 Python全栈白宝书-零基础入门篇 可报销! 白嫖入口-请点击我。 推荐他人订阅,可获取扣除平台费用后的35%收益,文末名片加V! 说明:该文属于 Python全栈白宝书专栏, 免费阶段订阅数量4300+ , 购买任意白宝书体系化专栏可加入 TFS-CLUB 私域社区。 福利:加入社区的小伙

    2023年04月08日
    浏览(70)
  • selenium+python自动化测试 —— 解决无法启动IE浏览器及报错问题!

    前言:记录启动IE浏览器的报错及解决方法。 错误1: selenium.common.exceptions.WebDriverException: Message: \\\'IEDriverServer.exe\\\' executable needs to be in PATH. Please download from http://selenium-release.storage.googleapis.com/index.html and read up at https://github.com/SeleniumHQ/selenium/wiki/InternetExplorerDriver Exception ignored i

    2024年02月03日
    浏览(61)
  • python selenium自动化入门:查找、输入和点击

    前置工作: google浏览器:下载google浏览器驱动,驱动下载后放在和python.exe文件同路径即可, python环境:python3+selenium4 正题: 代码如下,通过xpath去查找元素,查找元素过程采用显示等待,超时时间设置10s xpath路径可以在google浏览器f12后直接复制: 选择elements的对应元素行,

    2024年01月21日
    浏览(44)
  • Python自动化——selenium点击标签失败,ElementClickInterceptedException

    ‘ElementClickInterceptedException’ 是 Selenium 中的常见错误之一,表示在尝试点击一个元素时,另一个元素正在遮挡该元素,导致无法进行点击操作。这种情况通常发生在页面中存在浮动元素、弹出框或动态加载的内容时。 以下是几种可能的解决方法: 使用WebDriverWait等待元素可见

    2024年02月01日
    浏览(64)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包