一、console利用xpath定位元素
打開console控制台,很簡單,只需要按F12鍵,然后再點擊Console即可,如下圖箭頭所示:
console利用xpath定位元素命令格式:$x("xpath表達式")
$x("//input[not(@id='su')]")
比如,定位百度頁面的“百度一下”按鈕。如圖:
按鈕為input標簽,id屬性值為“su”
<input type="submit" value="百度一下" id="su" class="btn self-btn bg s_btn">
#定位不含id=su的元素
$x("//input[not(@id='su')]")
#定位子孫元素為input的元素
$x("//input")
#定位input標簽,且其id屬性值為su的元素
$x("//input[@id='su']")
更多的xpath方法請參考,后續的鏈接。
二、console利用css定位元素
console利用xpath定位元素命令格式:$("css表達式")
$("css表達式")
比如,定位百度頁面的“百度一下”按鈕。如圖:
<input type="submit" value="百度一下" id="su" class="btn self-btn bg s_btn">
#根據id屬性去定位,按鈕的id值為:id="su"
$("#su")
#根據class屬性去定位,按鈕的class屬性值為class="btn self-btn bg s_btn",取其中一段即可
$(".btn")
更多的css定位方法請參考,如下鏈接。
三、參考鏈接
1、xpath定位:https://www.w3school.com.cn/xpath/xpath_syntax.asp
2、css定位:https://www.w3school.com.cn/cssref/css_selectors.asp