034、javascript 操作元素 05、.click()点击元素 .value(“text”) 输入文本 .value(“”) 清空文本

 

一、利用 javascript 对元素操作：

元素对象常用操作方法：

.click()点击元素

.value(“text”) 输入文本

.value(“”) 清空文本

 

 

1、利用 JavaScript 实现登录 功能；

a、Console 调试 Javascript 脚本 如下：

b、execute_script 执行

# -*- coding:utf-8 -*-
# Author:  Sky
# Email:   2780619724@qq.com
# Time:    2021/8/21 16:33
# Project: day01
# Module:  ch_08.py
# Environment: Python3.8.6 , Selenium3 环境 ( 3.141.0 版本)
# Environment: Chrome ( 92.0.4515.131, 正式版本) + chromedriver(92.0.4515.107版本)

from selenium import webdriver

import time
driver = webdriver.Chrome()
driver.maximize_window()
driver.get("http://49.235.92.12:8200/users/login/")
time.sleep(3)


# 方法一：用 JavaScript 实现登陆
js_login = "document.getElementById('username').value='';" \
           "document.getElementById('username').value='112233456@qq.com';" \
           "document.getElementById('password_l').value='123456';" \
           "document.getElementById('jsLoginBtn').click();"

# 执行
driver.execute_script(js_login)

time.sleep(3)
driver.quit()

 

2、 利用 querySelector 定位元素，实现登录功能

a、Console 调试 Javascript 脚本 如下：

b、execute_script 执行

# -*- coding:utf-8 -*-
# Author:  Sky
# Email:   2780619724@qq.com
# Time:    2021/8/21 16:33
# Project: day01
# Module:  ch_08.py
# Environment: Python3.8.6 , Selenium3 环境 ( 3.141.0 版本)
# Environment: Chrome ( 92.0.4515.131, 正式版本) + chromedriver(92.0.4515.107版本)

from selenium import webdriver

import time
driver = webdriver.Chrome()
driver.maximize_window()
driver.get("http://49.235.92.12:8200/users/login/")
time.sleep(3)


# # 方法一：用 JavaScript 实现登陆
# js_login = "document.getElementById('username').value='';" \
#            "document.getElementById('username').value='112233456@qq.com';" \
#            "document.getElementById('password_l').value='123456';" \
#            "document.getElementById('jsLoginBtn').click();"
#
# # 执行
# driver.execute_script(js_login)

# 方法二 利用 querySelector 实现登录功能
js_login_2 = 'document.querySelector("#username").value="";' \
             'document.querySelector("#username").value="112233456@qq.com";' \
             'document.querySelector("#password_l").value="123456";' \
             'document.querySelector("#jsLoginBtn").click();'

driver.execute_script(js_login_2)


time.sleep(3)
driver.quit()