Python selenium根據class定位頁面元素

標籤：避免   程式   play   path   簡單   重要   源碼   出錯   直接   

　　在日常的網頁源碼中，我們基於元素的id去定位是最萬無一失的，id在單個頁面中是不會重複的。但是實際工作中，很多前端開發人員並未給每個元素都編寫id屬性。通常一段html代碼如下：

1 <div class="sui-tips s-isindex-wrap sui-tips-exceedtipnews" style="display: none; width: auto;"><div class="sui-tips-arrow" style="left: 15px;"><em></em></div><div class="sui-tips-body">今天召喚我太多次啦，<br>明天再來調教小度吧！`(*∩_∩*)′</div></div>

這個例子中，最外層的div就沒有id屬性，此時，可以基於class屬性來定位元素。常見的基於class定位元素的selenium寫法如下：

一、 driver.find_element_by_class_name("classname")但是好多時候，很多並列的元素如list表單，class都是共用同一個，如：

此時driver.find_elements_by_class_name("classname")  就可以派上用場了，該方法可以返回的是一個list列表，那麼所有針對list的方法在它上面都同樣適用。比如，如果我們知道想要定位的元素在頁面中是第n個，則可以這樣定位：

二、

driver.find_elements_by_class_name("classname")[n]   （注意：是elements，不是element）

需要註明的是，使用上述方法，即使這網頁中樣的元素只有一個，得到的依舊是一個list對象，只不過長度為1.

當然如果你對css方法比較熟悉，還可以通過css來定位，selenium同樣是支援的，css中，"."後面跟class名即可，一個常規的寫法如下：

三、

driver.find_element_by_css_selector(‘.dtb-style-1‘).click()   

如果你的例子足夠特殊，這個元素的classname有多個，上面的方法還可以用多個"."進行並行串連。如：

driver.find_element_by_css_selector(‘.dtb-style-1.table-dragColumns‘).click()

還有一種方法同樣可以支援多個類的情況，還是css屬性方法：

driver.find_element_by_css_selector("[class=‘dtb-style-1 table-dragColumns‘]") 用空格分隔即可。

如果你對css屬性不熟悉的話，也不打緊，強大的Chrome瀏覽器能自動幫你產生元素的xpath、css等多種屬性。拿百度首頁的源碼舉例，在頁面源碼檔案，定位到元素後，右鍵，效果如下：

產生的程式碼複製後，針對此情境可以直接拿來用，但是鑒於現在的網頁更新非常頻繁，建議還是要在w3c下簡單學習下xpath、css selector等重要方法，那樣我們可以寫出非常靈活的代碼，對頁面的細微調整會有更強的適應性。

最後，我們還可以通過強大的xpath來定位元素，如果元素有多個class，我們只用選擇其中一個放入xpath中即可，否則程式會出錯。樣本如下：

四、

driver.find_element_by_xpath(‘//div[@class="u_sp"]/a[1]‘).click()

　　這麼多方法中，xpath是最最靈活的，因為xpath內建了很多函數，在某些場合中你可能就需要依靠這種靈活性，"靈活"就不可避免的會帶來複雜性。儘管如此，筆者還是鼓勵你們，在實際工作中，每種定位元素的方法都要學會，很多時候，你會發現你精心寫的方法一不小心就不靈了，這個時候掌握多種定位方法，就顯得尤為重要了。

有了這些技能，從此在python selenium的世界裡，基於class屬性定位元素將顯得so easy。

 

 

 

 

 

 

 

Python selenium根據class定位頁面元素