Python3.x：Selenium中的webdriver进行页面元素定位

Python3.x：Selenium中的webdriver进行页面元素定位

页面上的元素就像人同样，有各类属性，好比元素名字，元素id，元素属性（class属性，name属性）等等。webdriver就是利用元素的这些属性来进行定位的。

能够用于定位的经常使用的元素属性：

• id
• name
• class name
• tag name
• link text
• partial link text
• xpath
• css selector

对应于webdriver中的定位一个元素方法分别是：

• driver.find_element_by_name() 
• driver.find_element_by_id() 
• driver.find_element_by_class_name()
• driver.find_element_by_tag_name() 
• driver.find_element_by_link_text() 
• driver.find_element_by_partial_link_text() 
• driver.find_element_by_xpath() 
• driver.find_element_by_css_selector()

相应的webdriver中的 定位一组元素的方法：

• driver.find_elements_by_name()
• driver.find_elements_by_id()
• driver.find_elements_by_class_name()
• driver.find_elements_by_tag_name()
• driver.find_elements_by_link_text()
• driver.find_elements_by_partial_link_text()
• driver.find_elements_by_xpath()
• driver.find_elements_by_css_selector()

使用示例：

• id 和name 定位

  #id 
  driver.find_element_by_id('kw')  
  #name
  driver.find_element_by_name('tj_trnews')  

• class name和tag name定位

  driver.find_element_by_class_name("s_ipt")  

• link text 与partial link text 定位

  #经过linx text定位
  find_element_by_link_text("新闻")  
  find_element_by_link_text("贴吧")  
  #经过partail link text定位
  find_element_by_link_text("新")  
  find_element_by_link_text("贴")  

• XPath 定位（插件XPath Checker，Firefox的附件组件，能够直接右键查看元素的XPath。）

  '''
  XPath是一种文档定位语言。由于HTML能够看作是XML的一种实现，因此selenium用户可以使用这种强大的语言在web应用中定位。
  绝对路径方法：
  从根元素写起，当元素层级很深的时候，路径写的会很长，阅读性很差，也很难维护。不建议使绝对路径这样的方法。
  相对路径方法：
  经过Firebug很容易获得相对路径的xpath，打开Firebug插件，在页面上的搜索文本框，就能够显示出xpath了；
  '''
  
  #经过xpath寻找，任意（*表明）id属性为’kw‘的元素
  driver.find_element_by_xpath("//*[@id='kw']").click() 
  #经过xpath寻找，任意（*表明）input属性为’kw‘的元素
  driver.find_element_by_xpath("//input[@id='kw']").click()  
  
  #须要根据上级目录的属性来定位当前元素
  #经过上一级目录的id 属性定位  
  find_element_by_xpath("//span[@id=’input-container’]/input") 
  #经过上三级目录的id 属性定位  
  find_element_by_xpath("//div[@id=’hd’]/form/span/input") 
  #经过上三级目录的name 属性定位 
  find_element_by_xpath("//div[@name=’q’]/form/span/input")

• CSS定位

  #这种定位方法是比较难理解

 获取元素后，解析元素的源码、属性值、文本内容：

#返回一个object
data = driver.find_elements_by_tag_name('table')[0]
#返回html源码
dataHtml = data.get_attribute('innerHTML')
#返回ID值
dataId = data.get_attribute('id')
#返回文本内容
dataText = data.text