【基于python实现UI自动化】3.4 JS 处理日历控件（删除 readonly 属性）

最新推荐文章于 2024-07-08 02:33:29 发布
最新推荐文章于 2024-07-08 02:33:29 发布
阅读量3.9k 收藏 13
点赞数 2
分类专栏： python Selenium 文章标签： UI自动化
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lht3347/article/details/113783381
版权

python-UI自动化

1.0 selenium工具介绍

1.0 selenium工具介绍

2.0 selenium环境搭建

2.0 selenium环境搭建

3.0 selenium常见8大元素定位

3.0 selenium - webdriver常见8大元素定位

3.1 selenium通过By定位元素

3.1 selenium通过By定位元素

3.2 selenium通过JS定位元素

3.2 selenium通过JS定位元素

3.3 JS处理浏览器滚动条

3.3 JS处理浏览器滚动条

3.4 JS 处理日历控件（删除 readonly 属性）

日历控件是我们在自动化中常见的场景之一，有些日期输入框是可以输入的，有些不能。
在这里插入图片描述

原因是因为日历控件上的readonly属性引起的。

在这里插入图片描述

下面我们以ECShop管理后台为例，来解决日历控件上的readonly属性问题。
在这里插入图片描述

处理的思路：

  1. 通过JS去掉readonly属性；

    根据JS定位元素的所在位置，然后用removeAttribute(属性名称)方法删除标签对应的属性。
    在这里插入图片描述

  2. 通过定位日期输入框，输入日期内容。

    输入日期前，一般日期控件都会有默认的日期显示，所以要先清空输入框的内容。通过clear()

最低0.47元/天 解锁文章
lht3347
关注
  • 2
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 8
    评论
专栏目录
selenium操作日历控件
weixin_33910385的博客
06-02 839
日历控件是web网站上经常会遇到的一个场景，有些输入框是可以直接输入日期的，有些不能，以我们经常抢票的12306网站为例，详细讲解如何解决日历控件为readonly属性的问题。 基本思路：先用js去掉readonly属性，然后直接输入日期文本内容 一、日历控件 1.打开12306的车票查询界面，在出发日期输入框无法直接输入时间 2.常规思路是点开日历控件弹出框，从日历控件上...
浅析js设置控件的readonly与enabled属性问题
01-21
如何用js设置控件的readonly和enabled属性? 我试过这样设置不行,text1为<input type=text id=text1> text1.readonly=true; 和 text1.enabled=true; 都不行,为什么??? 答案： disabled=flase; //小写...
python selenium 用js删除 readonly属性
上海 彭彭
07-09 5416
当我们想在输入框 是日期类型，并send_keys 的时候发现不能输入，要么你搞日历这个很麻烦， 还有一个方法用js，非常简单 selenium+python操作js页面，删除某个元素 例子如下：删除元素D下面 readonly属性 d=driver.find_element_by_xpath("//*[@id='divform']/div[2]/ul[2]/li[3]/span[2]/input...
Web的UI自动化基础知识
Anthony_231
06-16 1151
目录1 Web自动化入门基础1.1 自动化知识以及工具1.2 主流web自动化测试工具1.3 入门案例2 使用工具的API2.1 元素定位2.1.1 id选择器2.1.2 name2.1.3 class_name选择器2.1.4 tag_name选择器2.1.5 link_text选择器2.1.6 partial_link_text选择器2.1.7 xpath选择器2.1.8 CSS选择器2.1.9 Xpath和CSS区别2.1.10 元素定位分类2.1.11 元素定位的另一种写法2.2 元素操作2.3 浏
移除readonly时间js
y51120的博客
12-24 671
js = 'document.getElementById("dealTimeS").removeAttribute("readonly");'# 原生js，移除属性 print('原生js，移除属性') my_logger.info('原生js，移除属性') driver.execute_script(js) jsValue = 'document.getElementById("dealTimeS").value="{}"'.format(datetime) print('写入新时间') driver.
JavaScript删除元素属性
文龙刚的博客
02-15 656
【代码】JavaScript删除元素属性。
H5页面js动态移除readonly属性后IOS仍无法输入
最新发布
weixin_42051732的博客
07-08 7
如何解决“H5页面js动态移除readonly属性后IOS仍无法输入”问题 问题描述 在开发H5页面时，我们经常会遇到需要动态修改input元素的readonly属性的情况，但是在IOS设备上，即使我们通过javascript将readonly属性移除，输入框仍然无法输入文字。这个问题困扰了很多开发者，接下来我将教您如何解...
web自动化文件上传和日期控件解决方案
09-26
Web 自动化文件上传和日期控件解决方案 本文档总结了 Web 自动化文件上传和日期控件解决方案的相关知识点。 一、文件上传操作 - input 标签文件选择 在 Web 自动化测试中，文件上传是一项常见的操作。使用 ...
基于jscal2单日历与双日历控件的实现
08-07
本文将重点讨论如何基于jscal2这个JavaScript库实现单日历和双日历控件。jscal2是一个功能丰富的日历组件，它可以方便地在网页上添加交互式的日历功能。 首先，我们需要理解jscal2的核心概念。jscal2是一个纯...
Javascript设置对象的ReadOnly属性(示例代码)
10-26
然而，在JavaScript中，设置对象的ReadOnly属性并非直接使用字符串"readonly"，而是需要使用驼峰式命名的`readOnly`属性，并将其值设置为`true`。这是一个常见的陷阱，因为许多开发者可能习惯于HTML的语法。下面是...
Selenium + Python 实现 UI 自动化测试-操作日期时间控件
Java后端技术栈
03-18 2988
其实做自动化会遇到很多坑，有的坑需要我们填掉，有的坑需要我们绕过去。而日期时间控件就是需要我们绕过去...
selenium+python自动化99-清空输入框clear()失效问题解决
weixin_30443895的博客
09-13 1420
前言 在使用selenium做UI自动化的时候，发现有些弹出窗上的输入框，输入文本后，使用clear()方法无效。 这样会导致再次输入时，字符串不是清空后输入，而是跟着后面输入一长串，导致结果不准。 经过几次尝试，先click()点击该输入框，再输入，发现还是无效，最终有以下2种方法可以解决 使用双击输入框后，全选文本再输入就可以了 使用js清空输入框文本 问题描述 在有些弹出的页面...
Selenium-日历控件-删除readonly方法
夜*星的博客
01-03 2016
使用Selenium在面对日历控件的时候，如果通过一个个元素去点击的话，无疑是很繁琐的。而大部分日历控件虽然是input输入框，但是一般都会有一个readonly属性，Selenium无法删除一个元素的属性，但是JavaScript可以，这时候就可以通过js来删除readonly属性，然后再去输入。
JavaScript控制readonly属性无效
hellolongbin[一个人]的专栏
03-25 2490
readonly属性很BT的区分大小写,应写成readOnly如:document.all.htyy.readOnly=true;
场景下开发-js设置页面可编辑-readonly和disabled属性
weixin_30404405的博客
08-03 163
/* *如果提交资料再审核，则将所有输入框锁定，无法选择图片 * * */ function OpenUpdatePage(flag){ if(flag === true){ // 将所有输入框锁定 readonly 属性规定输入字段为只读 $("input[type='text']").removeAttr('rea...
Python+selenium自动化-js处理日历控件（修改readonly属性）
秃秃的测试
04-22 1943
前言 今天写自动化脚本的时候遇到一个需要更改日期的控件，不想费劲巴拉的去找日历的定位，但是又没办法直接输入我想输的日期时间，想了会儿之后决定用js解决日历控件 基本思路：先用js去掉readonly属性，然后直接输入日期文本内容 案例 1.很明显这种元素的属性是readonly，输入框是无法直接输入的 2.F12找到日历框控件对应的元素，找到readonly属性，双击删除，回车 ...
python+selenium：移除时间控件readonly属性，实现send_keys输入
J_____Q的博客
07-08 2302
一、移除或者关闭web端时间控件的readonly属性 ................. ..................... . ............ 二、清除时间控件原有显示文本， send_keys输入自己想要输入的时间
【python+selenium】移除readonly属性
测试且点点21的博客
09-03 3019
a=self.driver.find_element_by_xpath('//*[@id="start"]') self.driver.execute_script('arguments[0].removeAttribute(\"readonly\")', a) #学习笔记，仅供参考
UI自动化原理 以及 那些跳过的坑
HONGTester的博客
12-24 1599
UI自动化的那些坑，快快避免
python自动化js去除element 日期组件的 readonly
07-13
你可以使用Selenium库来自动化处理JavaScript。下面是使用Python和Selenium库的示例代码，用于去除一个元素的readonly属性： ```python from selenium import webdriver # 初始化浏览器驱动 driver = webdriver.Chrome() # 打开网页 driver.get("https://example.com") # 执行JavaScript代码，去除元素的readonly属性 element = driver.find_element_by_id("element_id") driver.execute_script("arguments[0].removeAttribute('readonly')", element) # 关闭浏览器驱动 driver.quit() ``` 在上面的代码中，你需要将`https://example.com`替换为你要操作的网页的URL，将`element_id`替换为要去除readonly属性的元素的ID。执行`driver.execute_script()`函数时，使用JavaScript代码`arguments[0].removeAttribute('readonly')`来去除元素的readonly属性。 请确保你已经安装了Selenium库，并且已经根据你的浏览器类型下载并配置了相应的浏览器驱动。在示例代码中，我使用的是Chrome浏览器和Chrome驱动。你可以根据自己的需要更改为其他浏览器和相应的驱动。 希望对你有帮助！如果你有任何其他问题，请随时提问。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值