在日常的網(wǎng)頁(yè)源碼中，我們基于元素的id去定位是最萬(wàn)無一失的，id在單個(gè)頁(yè)面中是不會(huì)重復(fù)的。但是實(shí)際工作中，很多前端開發(fā)人員并未給每個(gè)元素都編寫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">今天召喚我太多次啦，<br>明天再來調(diào)教小度吧！`(*∩_∩*)′</div></div>

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

一、driver.find_element_by_class_name("classname")

但是好多時(shí)候，很多并列的元素如list表單，class都是共用同一個(gè)，如：

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

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

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

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

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

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

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

還有一種方法同樣可以支持多個(gè)類的情況，還是css屬性方法：

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

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

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

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