简单学习selenium（python） JS 操作

最新推荐文章于 2025-06-03 10:56:13 发布

猎虫师

最新推荐文章于 2025-06-03 10:56:13 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： selenium自动化学习文章标签： python selenium document

本文链接：https://blog.youkuaiyun.com/qq_28553681/article/details/82631027

selenium自动化学习专栏收录该内容

15 篇文章

订阅专栏

本文介绍如何使用JavaScript操作网页上的只读元素，包括日期时间选择器等。提供了几种方法，如通过getElementById直接设置值，使用querySelector定位CSS元素，以及移除readonly属性后赋值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

有些页面元素是readonly，只读模式的，比如日期时间选择；对日期时间进行操作，每天的元素都不一样咯，不是搞不了，是不好搞，干脆就用JS修改；

一种是通过getElementById定位到元素element，直接给予设值value；

js_value = ('document.getElementById("{element}").value="{date_time}";'
					.format(element=element, date_time=date_time))
self.driver.execute_script(js_value)

但是很多时候都没有ID的，换一种方法：用querySelector定位CSS元素element；

js_value = 'document.querySelector("{element}").value="{time}";'.format(element=element, time=time)
self.driver.execute_script(js_value)

又有一个问题了，当CSS定位的元素有多个相同的时候，要使用querySelectorAll来获取；通过下标 [num] 来具体定位到CSS元素位置；

js_value = 'document.querySelectorAll("{element}")[0].value="{time}";'.format(element=element, time=time)
self.driver.execute_script(js_value)

如果去掉readonly，再通过find-element(By.id,value).send_keys来赋值也可以：

js = 'document.getElementById("{element}").removeAttribute("readonly");'
self.driver.execute_script(js)

笃信好学，自然宽和