selenium3实战练习---元素定位

元素定位

先获取WebElement，然后再考虑元素如何操作

1. #通过find_element_bu_id()定位
   from selenium import webdriver
   from time import sleep
   driver = webdriver.Chrome()
   driver.get(‘http://www.baidu.com’)
   driver.find_element_by_id(“kw”).send_keys(‘大道至简’)
   sleep(3)
   driver.quit()

2. #通过find_element_bu_name()定位
   from selenium import webdriver
   driver = webdriver.Chrome()
   driver.get(‘http://www.baidu.com’)
   driver.find_element_by_name(“wd”).send_keys(‘大道至简’)
   driver.quit()

3. #通过find_element_bu_class_name()定位
   from selenium import webdriver
   driver = webdriver.Chrome()
   driver.get(‘http://www.baidu.com’)
   driver.find_element_by_class_name(“s_ipt”).send_keys(‘大道至简’)
   driver.quit()

4. #通过find_element_by_xpath()定位
   from selenium import webdriver
   driver = webdriver.Chrome()
   driver.get(‘http://www.baidu.com’)
   driver.find_element_by_xpath("//input[@id=‘kw’]").send_keys(‘大道至简’)
   driver.quit()

   from selenium import webdriver
   driver = webdriver.Chrome()
   driver.get(‘http://www.baidu.com’)
   #//form[@id=‘form’]表示父类元素，/表示下一级标签，/span/input表示span标签下的input标签
   driver.find_element_by_xpath("//form[@id=‘form’]/span/input").send_keys(‘达到巅峰’)
   driver.quit()

   from selenium import webdriver
   driver = webdriver.Chrome()
   driver.get(‘http://www.baidu.com’)
   #//input表示HTML页面相对路径下的input标签；@id='kw’and@class='s_ipt’是input标签的两个属性，通过id和class两个属性加强元素的唯一性
   driver.find_element_by_xpath("//input[@id='kw’and@class=‘s_ipt’]").send_keys(‘yyds’)
   driver.quit()

5. #通过find_element_by_css_selector 定位1
   from selenium import webdriver
   driver = webdriver.Chrome()
   driver.get(‘http://www.baidu.com’)
   #input#kw表示input标签下id属性值是kw的元素。在css定位中，id简写用“#”来表示，class简写用“.”表示
   driver.find_element_by_css_selector(“input#kw”).send_keys(‘达到巅峰’)
   driver.quit()

6. #通过find_element_by_css_selector 定位2
   from selenium import webdriver
   driver = webdriver.Chrome()
   driver.get(‘http://www.baidu.com’)
   #form#form 表示form标签下id属性值是form元素，在css定位中，层级关系用“>”来表示。
   #span>input 表示span标签下的input标签，有时候可以不写“>” 写为“form#form span input”
   driver.find_element_by_css_selector(“form#form>span>input”).send_keys(‘达到巅峰’)
   driver.quit()

多个元素定位

通过本地文件来定位的

import os
from selenium import webdriver
driver = webdriver.Chrome()
driver.get(‘file:///’ + os.path.abspath(‘checkbox.html’))
driver.find_elements_by_css_selector(“input[type=‘checkbox’]”)[1].checkbox()

#例子2
from selenium import webdriver
from time import sleep # import time （是从time模块中引入sleep函数，使用sleep函数可以让程序休眠）
driver = webdriver.Chrome()
driver.get(‘http://www.baidu.com’)
tag = driver.find_elements_by_tag_name(‘input’)
#现获取所有input标签，通过for循环遍历每一个对象，最后判断获取的对象中autocomplete属性等于off的元素
for t in tag:
if t.get_attribute(‘autocomplete’) == ‘off’:
t.send_keys(‘测试输入’)
driver.find_element_by_id(‘su’).click()
driver.quit()

使用By类定位

from selenium import webdriver
from selenium.webdriver.common.by import By # 导入By类
driver = webdriver.Chrome()
driver.get(“http://baidu.com”)
driver.find_element(By.ID, ‘kw’).send_keys(‘大道至简’)
driver.find_element(By.ID, ‘kw’).click()
driver.quit()

使用JS定位

from selenium import webdriver
import time as t
dr = webdriver.Chrome()
dr.get(‘http://www.jianshu.com/sign_in’)
t.sleep(2)
#单击“注册”按钮
js_register = ‘document.getElementById(“js-sign-up-btn”).click();’
#document.getElementById()方法定位“注册”按钮
#execute_scropt() 方法用来调用js方法来执行js脚本
dr.execute_script(js_register)
t.sleep(2)

#单击“登录”按钮
from selenium import webdriver
import time as t

dr = webdriver.Chrome()
dr.get(‘http://www.jianshu.com/sign_in’)
t.sleep(2)
js_class = ‘document.getElementsByClassName(“active”)[0].click;’
#document.getElementsByClassName()方法定位“登录”按钮，该方法返回一个list对象，其中[0]表示获取第一个class属性的元素
dr.execute_script(js_class)
t.sleep(2)

使用tagName定位

from selenium import webdriver
import time as t

dr = webdriver.Chrome()
dr.get(‘http://www.jianshu.com/sign_in’)
t.sleep(2)
#使用getElementsByTagName()方法定位账号文本框，
#其中[2]表示获取整个页面的第三个input标签，value=“username”表示向文本框输入账号为username
js_input = ‘document.getElementsByTagName(“input”)[2].value=“username”;’
dr.execute_script(js_input)
t.sleep(2)

#使用js标签名定位输入密码框
from selenium import webdriver
import time as t

dr = webdriver.Chrome()
dr.get(‘http://www.jianshu.com/sign_in’)
t.sleep(2)
#使用 document.getElementsByTagName（）方法定位密码文本框，
#其中[3]表示获取整个页面的第四个input标签，value=“password”表示想文本框输入密码为password
js_passwd = ‘document.getElementsByTagName(“input”)[3].value=“password”;’
dr.execute_script(js_passwd)
t.sleep(2)