selenium之Javascript定位方式和处理隐藏元素的方法介绍

本文详细介绍使用Javascript进行页面元素定位的六种方法,包括ID、ClassName、Name、TagName及CSS选择器,并演示如何通过Selenium操作这些元素,如点击按钮、输入文本等。同时,文章还介绍了如何用JS处理页面上的隐藏元素。
摘要由CSDN通过智能技术生成

一.Javascript定位方式有以下几种:

1.根据ID定位

 document.getElementById("id的值").操作方式;

2.根据ClassName定位

document.getElementByClassName("classname的值")[索引位].操作方式;

3.根据Name定位

document.getElementByName("name的值")[索引位].操作方式;

4.根据TagName定位

document.getElementByTagName("tagname的值")[索引位].操作方式;

5.根据CSS定位

document.querySelectorAll("CSS_Selector的语法")[索引位].操作方式;

6.操作方式有以下方式:

① .click

② .value="值"

以简书为例子:

from selenium import webdriver

from time impot sleep

dr=webdriver.Chrome()

dr.get("https://www.jianshu.com/")

sleep(2)
dr.maximize_window() #最大化窗口
sleep(2)
dr.execute_script('document.getElementById("sign_up").click();') #根据ID定位--点击注册按钮
sleep(2)
dr.execute_script('document.getElementsByClassName("sign-up-button")[0].click();') #根据ClassName定位--点击注册按钮
sleep(2)

dr.execute_script('document.getElementsByName("user[mobile_number]")[0].value="133***";')  #根据Name定位--输入手机号

sleep(2)
dr.execute_script('document.querySelectorAll("#user_nickname")[0].value="username";')  #根据CSS定位--输入用户名

 二.JS处理隐藏元素

from selenium import webdriver

from time import sleep

dr=webdriver.Chrome()

dr.get("E:\培训\自动化测试学习\selenium\隐藏元素练习.html")

sleep(2)

dr.execute_srcipt('document.getElementById("s3").style.display="block";') #修改元素的属性 -- 将隐藏的属性修改为显示

sleep(2)

 

 

转载于:https://www.cnblogs.com/xyx-001/p/9525008.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值