Chrome瀏覽器中利用console進行元素定位


一、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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM