selenium_webdriver(python)元素定位详解

webdriver 提供了一系列的对象定位方法，常用的有以下几种
 · id
 · name
 · class name
 · link text
 · partial link text
 · tag name
 · xpath
 · css selector

由以下实例我们可以看到，一个百度的输入框，可以用这么几种方式去定位。

#coding=utf-8
from selenium import webdriver
import time
browser = webdriver.Ie()
browser.get("http://www.baidu.com")
#########百度输入框的定位方式##########
#通过id 方式定位
browser.find_element_by_id("kw").send_keys("selenium")
#通过name 方式定位
browser.find_element_by_name("wd").send_keys("selenium")
#通过tag name 方式(标签名称)定位，这个此处失败，因该页面有多个 input 标签
browser.find_element_by_tag_name("input").send_keys("selenium")
#通过class name 方式定位
browser.find_element_by_class_name("s_ipt").send_keys("selenium")
#通过CSS 方式定位
browser.find_element_by_css_selector("#kw").send_keys("selenium")
#通过xphan 方式定位
browser.find_element_by_xpath("//input[@id='kw']").send_keys("selenium")
############################################
browser.find_element_by_id("su").click()
time.sleep(3)
browser.quit()

CSS 定位详细说明：

CSS(Cascading Style Sheets)是一种语言，它被用来描述HTML 和XML 文档的表现。
CSS 使用选择器来为页面元素绑定属性。这些选择器可以被selenium 用作另外的定位策略。
CSS 的比较灵活可以选择控件的任意属性，上面的例子中：
find_element_by_css_selector("#kw")
通过find_element_by_css_selector( )函数，选择取百度输入框的id 属性来定义
也可以取name 属性
<a href="http://news.baidu.com" name="tj_news">新闻</a>

driver.find_element_by_css_selector("a[name=\"tj_news\"]").click()

可以取title 属性
<a οnclick="queryTab(this);" mon="col=502&pn=0" title="web"href="http://www.baidu.com/">网页</a>

driver.find_element_by_css_selector("a[title=\"web\"]").click()

也可以是取..:（类选择器）
<a class="RecycleBin xz" href="javascript:void(0);">

<span style="font-size:18px;">driver.find_element_by_css_selector("a.RecycleBin").click()</span>

XPath 定位详细说明：

什么是XPath：http://www.w3.org/TR/xpath/
XPath 基础教程：http://www.w3schools.com/xpath/default.asp
selenium 中被误解的XPath ： http://magustest.com/blog/category/webdriver/
XPath 是一种在XML 文档中定位元素的语言。因为HTML 可以看做XML 的一种实现，
所以selenium 用户可是使用这种强大语言在web 应用中定位元素。
XPath 扩展了上面id 和name 定位方式，提供了很多种可能性，比如定位页面上的
第三个多选框。

#xpath:attributer （属性）
driver.find_element_by_xpath("//input[@id='kw']").send_keys("selenium")
#input 标签下id =kw 的元素
#xpath:idRelative （id 相关性）
driver.find_element_by_xpath("//div[@id='fm']/form/span/input").send_keys("selenium")
#在/form/span/input 层级标签下有个div 标签的id=fm 的元素
driver.find_element_by_xpath("//tr[@id='check']/td[2]").click()
# id 为'check' 的tr ，定闪他里面的第2个
#xpath:position （位置）
driver.find_element_by_xpath("//input").send_keys("selenium")
driver.find_element_by_xpath("//tr[7]/td[2]").click()
#第7个tr 里面的第2个td
#xpath: href （水平参考）
driver.find_element_by_xpath("//a[contains(text(),'网页')]").click()
#在a 标签下有个文本（text）包含（contains）'网页' 的元素
#xpath:link
driver.find_element_by_xpath("//a[@href='http://www.baidu.com/']").click()
#有个叫a 的标签，他有个链接href='http://www.baidu.com/ 的元素

link 定位详细说明：

有时候不是一个输入框也不是一个按钮，而是一个文字链接，我们可以通过link

<span style="font-size:14px;">#coding=utf-8
from selenium import webdriver
browser = webdriver.Firefox()
browser.get("http://www.baidu.com")
browser.find_element_by_link_text("贴吧").click()
browser.quit()</span>

Partial link text 定位：

通过部分链接定位，这个有时候也会用到，我还没有想到很好的用处。拿上面的例

子，我可以只用链接的一部分文字进行匹配：

browser.find_element_by_partial_link_text("贴").click()
#通过find_element_by_partial_link_text() 函数，我只用了“贴”字，脚本一样找到了"贴吧" 的链接