Selenium自动化测试(八)之js处理控件操作
![](https://i-blog.csdnimg.cn/blog_migrate/0903aa2c46df0e5f76f7fff4e4e9fb79.png)
像上面这种使用了日期控件,并且输入框是设置的只读,在做自动化的时候,对于这种我们该如何去做呢?
1、模拟人工点开控件选择日期(不建议使用)
2、跳过该控件,直接输入日期
显然上面两种方式,第一种是相当麻烦不实用的,第二种则是很简便,下面我们来看下如何跳过日期控件:
一、在谷歌浏览器“开发者工具中”的可控制台Console操作处理日期控件
查看元素属性(通过xpath进行的元素定位)
bdata = document.evaluate("//label[contains(text(),'出生日期')]//following::input[1]", document).iterateNext()
![](https://i-blog.csdnimg.cn/blog_migrate/34a5134b99a02383f221dcd510974ce4.png)
删除元素只读属性,使得输入框正常输入内容
bdata.removeAttribute("readonly")
![](https://i-blog.csdnimg.cn/blog_migrate/4b0b50dd1226244a3dc485550e54d8b5.png)
不更改属性值,使用value给输入框赋值
bdata.value="2020-10-23"
![](https://i-blog.csdnimg.cn/blog_migrate/40b7d38dd3fdbd2a2a6c6c2f030390b0.png)
直接添加一个value属性
bdata.setAttribute('value','2020-05-01')
![](https://i-blog.csdnimg.cn/blog_migrate/11d2e15983bc0190f80fcf08231248a0.png)
二、在Python中处理日期控件
删除元素属性值,添加value值
js = """var bm = document.evaluate(\"//label[contains(text(),'出生日期')]//following::input[1]\", document).iterateNext();
bm.removeAttribute(\"readonly\");
bm.value=\"2020-05-01\""""
driver.execute_script(js)
直接添加输入内容
js = """var bm = document.evaluate(\"//label[contains(text(),'出生日期')]//following::input[1]\", document).iterateNext();
bm.value=\"2020-05-01\""""
driver.execute_script(js)
直接添加一个value属性
js = """var bm = document.evaluate(\"//label[contains(text(),'出生日期')]//following::input[1]\", document).iterateNext();
bm.setAttribute('value','2020-05-01')"""
driver.execute_script(js)
我的这个元素定位使用的是XPATH(因为没有id/class/name这些简单的,不然我也不会用这么复杂的),当然,你可以选择id/class/name等进行元素定位(如果有的话)。
这种方法不仅适用于日期控件,还可以适用于所有只读的输入框和别的控件。