selenium web 元素定位方法

selenium web 定位方法：from selenium import webdriverdriver = webdriver.Chrome()driver.get("https://www.baidu.com/")。

selenium web 元素定位方法

• 入门三行代码：
  • from selenium import webdriver driver = webdriver.Chrome() driver.get("https://www.baidu.com/")
• ID属性定位法
  • from selenium.webdriver.common.by import By--导By入模块
  • driver.find_element('id','kw').send_keys('钢铁是怎么炼成的')
• name属性定位法
  • driver.find_element(By.NAME, 'username').send_keys('username')
• class name 属性定位法
  • driver.find_element(By.CLASS_NAME,'pv').send_keys('password')
  • driver.find_element(By.CLASS_NAME,'vm').send_keys('username')
  • 有多个class属性时，只写一个即可
• tag name 定位法
  • driver.find_element(by=By.TAG_NAME, value='p').text
  • driver.find_element(By.TAG_NAME, 'p').text
  • driver.find_element('tag name', 'a').text
• link text 定位法
  • driver.find_element(By.LINK_TEXT, '腾讯QQ').text
• partial link text 定位法
  • print(driver.find_element(By.PARTIAL_LINK_TEXT, 'QQ').text)
  • print(driver.find_element(By.PARTIAL_LINK_TEXT, '腾讯').text)
  • print(driver.find_element(By.PARTIAL_LINK_TEXT, '段落').text)
• Xpath定位法
  • 路径法
    • 绝对路径
      • /html/body/div[1]/section/section/main/div[2]/div[2]/div[1]/div[2]/button[1]/span
    • 相对路径
      • 通过相对路径+索引值来定位
        • xpath=(//span//input)[2] #返回查找到的第二个符合条件的元素
      • 通过相对路径来定位
        • xpath=//span//input
    • last()方法
      • //span/ul//li[last()]
        • 定位到li标签的最后一个
      • //span/ul//li[last()-1]
        • 定位到li标签的倒数第二个
      • 当标签存在多个相同的时候，可以使用last()方法，定位到最后一个
  • 属性法
    • 属性查找@
      • //标签名[@元素名称=‘元素值’]
    • xpath可以替代所有的6大基础写法
      • driver.find_element('tag name', 'a').text ==> //a
      • id/class/name ==> 属性法
      • driver.find_element(By.LINK_TEXT, '腾讯QQ').text ==> //a[text()="链接的所有文本"]
      • print(driver.find_element(By.PARTIAL_LINK_TEXT, '腾讯').text) ==> //a[contains(text(),'含有的文本')]
    • 属性值精确匹配定位：//input[@id=‘kw’]
  • 运用逻辑运算符
    • and
      • //标签名[@元素名称='元素值' and @元素名称='元素值']
      • //input[@id='kw' and @class='s_ipt']
    • or
      • // 标签名[@元素名称='元素值' or @元素名称='元素值']
      • //input[@id='kw' or @class='s_t'
    • Not查找
      • //标签名[not(.='元素值')
      • //year[not(.=2005)]
  • 运算符
    • ！=
      • //标签名称[@元素名称 != '元素值']
      • //input[@class!='1111']
    • 子主题
  • 函数法
    • 模糊匹配定位：//input[contains(@id’su’)]
  • 轴定位
    • ancestor 选取当前节点的所有先辈（父、祖父等）
      • //*[@id='username']/ancestor::body
      • //*[@id='username']/ancestor::div
    • ancestor-or-self 选取当前节点的所有先辈（父、祖父等）以及当前节点本身。
    • attribute 选取当前节点的所有属性。 //*[@属性名]
    • child 选取当前节点的所有子元素
      • //div[2]/child::a #无法定位 a不在//div[2]下面
      • //div[2]//child::a #可以定位到
    • descendant 选取当前节点的所有后代元素（子、孙等）。
    • descendant-or-self 选取当前节点的所有后代元素（子、孙等）以及当前节点本身。
    • following 选取文档中当前节点的结束标签之后的所有节点。
    • namespace 选取当前节点的所有命名空间节点。
    • parent 选取当前节点的父节点。 #相当于..
    • preceding 选取文档中当前节点的开始标签之前的所有节点。
    • preceding-sibling 选取当前节点之前的所有同级节点。
    • self 选取当前节点。
• css selector 定位法
  • 相对 ID 选择器
    • 先指定一个 HTML 标签，然后加上一个“#”符号，跟上 id 的属性值
    • driver.findElement(By.cssSelector("input#username"));
    • 同级定位“+”： 通过先定位父类（self）,再定位self 同级的类.
    • 后代定位 “ ”：通过先定位父类（self）,再定位self 后代的类
  • 属性
    • Name 属性
      • driver.findElement(By.cssSelector("input[name=username]"));
    • alt 属性
      • 定位<img>元素
      • driver.findElement(By.cssSelector("img[alt='Previous']"));
    • 多个属性来定位<input>元素
      • driver.findElement(By.cssSelector("input[type='submit'][value='Login']"));
    • 属性值的匹配
      • ^=
        • input[id ^= ' ctrl']
      • $=
        • input[$='_username']
      • *=
        • input[*='username']
  • 伪类选择器