例1：<input id="kw" name="wd" class="s_ipt" value="" maxlength="255" autocomplete="off"> 分別使用xpath、css的標簽組合定位

xpath標簽屬性組合定位

css標簽屬性組合定位

css中#表示id,如#kw；. 表示class,如.s_ipt；可直接使用標簽，無需任何標識符，如input；xpath中//表示從指定結點找，/表示從根結點找，一般格式為//指定節點標簽[@屬性名=‘屬性值’]； css中input[id='kw'][name='wd']同xpath中的//input[@id='kw'] and [@name='wd']。

例2：如 xpath：//form[@id='form']/span/input 和//form[@class='fm']/span/input 也可以用 css 實現

xpath的層級用/表示，而css的層級用>表示

例3：分別使用xpath、css定位select下拉列表

xpath定位

css定位

例4：這里顯然就不能使用xpath的Select類和二次定位了，因為這個列表是一個ul列表而不是select列表，xpath、css定位如下所示

css定位（使用層級和索引定位）

xpath定位（使用層級和文本屬性定位）

非select下拉列表，要先點擊輸入框，然后定位并點擊所需選項

綜上所述，以下是本人對xpath和css定位的簡單比較： （1）css定位更加簡潔； （2）xpath定位功能更強大（復雜的定位推薦使用xpath）； （3）xpath可以使用text文本定位，css不行； （4）css相對于xpath來說效率更高。

總結

以上是生活随笔為你收集整理的xpath获取标签的属性值_论xpath与css定位方式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。