Python+Selenium - js操作

js操作：日期框

本部分涉及两个知识点：DOM树和js

DOM树教程链接：

https://www.w3school.com.cn/htmldom/index.asp

js教程链接

https://www.w3school.com.cn/js/index.asp

用js在浏览器控制台操作

测试过程中使用js对页面元素进行增删改查

示例1：把元素只读属性取消，变成可手动输入

使用代码实现更改出发日期：

方法一

# js代码
js_code = 'a = document.getElementById("train_date");' \
          'a.removeAttribute("readonly");' \
          'a.value = ("2021-05-21");'

#执行js代码
driver.execute_script(js_code)

方法二

# 通过Python代码找到元素对象
loc = (By.ID,"train_date")
WebDriverWait(driver,20).until(EC.visibility_of_element_located(loc))
ele = driver.find_element(*loc)
set_time = "2021-05-21"

js_code = 'arguments[0].removeAttribute("readonly");' \
          'arguments[0].value = arguments[1];'

driver.execute_script(js_code,ele,set_time)

js_code的arguments[0]是外部传参，即execute_script()函数的ele参数，arguments[1]是execute_script()的set_time参数

用Ctrl+b 查看execute_script()源码，可以发现函数的传参除了script，还有一个 *args，即可以传入多个参数，示例中的ele和set_time就是这个*args的参数列表，[0][1]则代表参数列表的位置

js操作：滚动

大部分网页会自动滚

元素本身：ele.location_once_scrolled_into_view

示例：下面这两行代码，会自动滚到元素位置停住

ele = driver.find_element(*loc)
ele.location_once_scrolled_into_view

js方法：ele.scrollIntoView()  滚动到元素可见区域停住

ele = driver.find_element(*loc)
js_code = 'arguments[0].scrollIntoView()'
driver.execute_script(js_code,ele)

这里推荐使用元素本身的方法就可以了

上述方法并非滚动条操作，若软加载（边滚动边加载），要用滚动条操作

滚动条操作：暂略