元素定位实战（一）

先看一下整个定位的写法：

JS定位

除了id是定位到的是单个element元素对象，其它的都是elements返回的是list对象

1.通过id获取
document.getElementById(“id的值”)

2.通过CLASS类选取元素
document.getElementsByClassName(“class的值”)

3.通过name获取
 document.getElementsByName(“Name的值”)
返回的是list

4.通过标签名选取元素
document.getElementsByTagName(“tag的值”)

5.通过CSS选择器选取元素
document.querySelectorAll(“css selector语法")

我们使用简书项目进行自动化测试案例的定位实战：

from selenium import webdriver
from time import sleep

dr = webdriver.Chrome()
dr.implicitly_wait(20)
url = "https://www.jianshu.com/sign_in"
dr.get(url)

sleep(1)
#1、根据id定位用户名 -- 点击 注册 按钮
js_reg = 'document.getElementById("js-sign-up-btn").click();'
dr.execute_script(js_reg)

sleep(1)

#2、根据class name来定位  -- 点击 登录 按钮
dr.get(url)
sleep(1)
js_login = 'document.getElementsByClassName("active")[0].click();'
dr.execute_script(js_login)

sleep(1)

#3、根据Name来定位 -- 输入用户名
js_userName = 'document.getElementsByName("session[email_or_mobile_number]")[0].value="usrname";'
dr.execute_script(js_userName)

sleep(1)

#4.通过标签名选取元素 -- 输入密码
js_passwd = 'document.getElementsByTagName("input")[3].value="password";'
dr.execute_script(js_passwd)

sleep(1)

#5.通过CSS选择器选取元素 -- 点击 登录 按钮
js_loginButton = 'document.querySelectorAll("#sign-in-form-submit-btn")[0].click();'
dr.execute_script(js_loginButton)

sleep(3)

dr.quit()