Python selenium根據class定位頁面元素

　　在平常的網頁源碼中，咱們基於元素的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寫法以下：

1、

driver.find_element_by_class_name("classname")

可是好多時候，不少並列的元素如list表單，class都是共用同一個，如：

此時driver.find_elements_by_class_name("classname")  就能夠派上用場了，該方法能夠返回的是一個list列表，那麼全部針對list的方法在它上面都一樣適用。好比，若是咱們知道想要定位的元素在頁面中是第n個，則能夠這樣定位：

2、

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

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

固然若是你對css方法比較熟悉，還能夠經過css來定位，selenium一樣是支持的，css中，"."後面跟class名便可，一個常規的寫法以下：

3、

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中便可，不然程序會出錯。示例以下：

4、

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

　　這麼多方法中，xpath是最最靈活的，由於xpath內置了不少函數，在某些場合中你可能就須要依靠這種靈活性，"靈活"就不可避免的會帶來複雜性。儘管如此，筆者仍是鼓勵大家，在實際工做中，每種定位元素的方法都要學會，不少時候，你會發現你精心寫的方法一不當心就不靈了，這個時候掌握多種定位方法，就顯得尤其重要了。

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