1. 程式人生 > >元素定位

元素定位

clas body drive 鏈接 imp maxlength lin complete rtti

selenium + python之元素定位

selenium對web各元素的操作首先就要先定位元素,定位元素的方法主要有以下幾種:
通過id定位元素:find_element_by_id("id_vaule")
通過name定位元素:find_element_by_name("name_vaule")
通過tag_name定位元素:find_element_by_tag_name("tag_name_vaule")
通過class_name定位元素:find_element_by_class_name("class_name")
通過css定位元素:find_element_by_css_selector();用css定位是比較靈活的
通過xpath定位元素:find_element_by_xpath("xpath")
通過link定位:find_element_by_link_text("text_vaule")或者find_element_by_partial_link_text()
以百度首頁為例:下面是百度輸入框的html代碼,可以通過firebug或者谷歌的審查元素或得
<input type="text"name="wd" id="kw1" maxlength="100"style="width:474px;"
autocomplete="off">
1.通過id定位,則百度的輸入框即可表示為:find_element_by_id("kw1")
2.通過name定位則可以表示為:find_element_by_name("wd")
3.通過tag_name定位:input其實就是tag_name(標簽名),同樣也可以表示成:
find_element_by_tag_name("input")
下面是“百度一下”按鈕的html
<span class="btn_wr">
<inputtype="submit" value="百度一下" id="su1" class="btn" onmousedown=
"this.className=‘btnbtn_h‘" onmouseout="this.className=‘btn‘">
</span>
4.通過class_name定位,“百度一下”按鈕則可以表示成find_element_by_class_name("btn_wr")
5.通過css定位,這個比較靈活,想要完全弄懂,花費的時間是
比較多的,個人覺得沒有必要
百度輸入框
<input
type="text" name="wd"id="kw1" maxlength="100"style="width:474px;"autocomplete="off">
如取id,百度輸入框則可以表示為:find_element_by_css_selector("a[id=\"kw1\"]")
如取name,又可以表示為:find_element_by_css_selector("a[name=\"wd\"]")
<aonclick="queryTab(this);"mon="col=502&pn=0"title="web"href="http://www.baidu.com/">網頁</a>
還可以用title,如百度的網頁鏈接可以表示為find_element_by_css_selector("a[title=\"web\"]")
<aclass="RecycleBinxz"href="javascript:void(0);">
還也同樣可以用class,上面的代碼有可以用find_element_by_css_selector("a.RecycleBin")
6.通過XPath定位
首先我們要了解XPath是上面東西,XPath是一種在XML
文檔中定位元素的語言。因為HTML可以看做XML的一種實現,
所以selenium用戶可是使用這種強大語言在web應用中定
位元素,詳情請閱讀:
什麽是XPath:http://www.w3.org/TR/xpath/
XPath基礎教程:http://www.w3schools.com/xpath/default.asp
selenium中被誤解的XPath:
http://magustest.com/blog/category/webdriver/
xpath:attributer(屬性)
driver.find_element_by_xpath("//input[@id=‘kw1‘]")
表示input標簽下id =kw1的元素
xpath:idRelative(id相關性)
driver.find_element_by_xpath("//div[@id=‘fm‘]/form/span/input")
表示在/form/span/input層級標簽下有個div標簽的id=fm的元素
driver.find_element_by_xpath("//tr[@id=‘check‘]/td[2]")
表示id為‘check‘的tr,定閃他裏面的第2個td
xpath:position(位置)
driver.find_element_by_xpath("//input")
driver.find_element_by_xpath("//tr[7]/td[2]")
表示第7個tr裏面的第2個td
xpath: href(水平參考)
driver.find_element_by_xpath("//a[contains(text(),‘網頁‘)]")
表示在a標簽下有個文本(text)包含(contains)‘網頁‘ 的元素
xpath:link
driver.find_element_by_xpath("//a[@href=‘http://www.baidu.com/‘]")
表示有個叫a的標簽,他有個鏈接href=‘http://www.baidu.com/的元素
7.通過link定位
有時候不是一個輸入框也不是一個按鈕,而是一個文字鏈接,我們可以通過link
#coding=utf-8
fromseleniumimportwebdriver
importtime
df = webdriver.Firefox() #選擇firefox瀏覽器
df.get("http://www.baidu.com") #打開百度網頁
time.sleep(2) #暫停2秒,不是毫秒
df.find_element_by_link_text("貼 吧").click() #點擊貼吧鏈接
time.sleep(2)
df.quit() #關閉瀏覽器
PartialLinkText定位
通過部分鏈接定位,這個有時候也會用到,我還沒有想到很好的用處。拿上面的例子,我可以只用鏈接的一部分文字進行匹配

browser.find_element_by_partial_link_text("貼").click()
通過find_element_by_partial_link_text()函數,我只用了“貼”字,腳本一樣找到了"貼吧"的鏈接

元素定位