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

一.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)