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

本文主要是介绍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()

这篇关于034、javascript 操作元素 05、.click()点击元素 .value(“text”) 输入文本 .value(“”) 清空文本的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！