在日常的網(wǎng)頁源碼中，我們基于元素的id去定位是最萬無一失的，id在單個頁面中是不會重復(fù)的。但是實(shí)際工作中，很多前端開發(fā)人員并未給每個元素都編寫id屬性。通常一段html代碼如下：

<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">今天召喚我太多次啦，
明天再來吧！`(*∩_∩*)′</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）

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

當(dāng)然如果你對css方法比較熟悉，還可以通過css來定位，selenium同樣是支持的，css中，"."后面跟class名即可，一個常規(guī)的寫法如下：

三、driver.find_element_by_css_selector('.dtb-style-1').click()

如果你的例子足夠特殊，這個元素的classname有多個，上面的方法還可以用多個"."進(jìn)行并行連接。如：

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屬性不熟悉的話，也不打緊，強(qiáng)大的Chrome瀏覽器能自動幫你生成元素的xpath、css等多種屬性。拿百度首頁的源碼舉例，在頁面源碼文件，定位到元素后，右鍵，效果如下：

生成的代碼復(fù)制后，針對此場景可以直接拿來用，但是鑒于現(xiàn)在的網(wǎng)頁更新非常頻繁，建議還是要在w3c下簡單學(xué)習(xí)下xpath、css selector等重要方法，那樣我們可以寫出非常靈活的代碼，對頁面的細(xì)微調(diào)整會有更強(qiáng)的適應(yīng)性。

最后，我們還可以通過強(qiáng)大的xpath來定位元素，如果元素有多個class，我們只用選擇其中一個放入xpath中即可，否則程序會出錯。示例如下：

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

這么多方法中，xpath是最最靈活的，因?yàn)閤path內(nèi)置了很多函數(shù)，在某些場合中你可能就需要依靠這種靈活性，"靈活"就不可避免的會帶來復(fù)雜性。盡管如此，筆者還是鼓勵你們，在實(shí)際工作中，每種定位元素的方法都要學(xué)會，很多時候，你會發(fā)現(xiàn)你精心寫的方法一不小心就不靈了，這個時候掌握多種定位方法，就顯得尤為重要了。

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

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

最新評論