元素定位之 CSS選擇器和XPath選擇器

CSS選擇器

CSS教程

操作

定位CSS選擇器

開發者調試模式進入Elements

找到需要定位的元素，右鍵Copy–>Copy selector

檢查CSS選擇器準確性操作

開發者調試模式進入Console

輸入$(“selector”) --> 列出與selector匹配的所有元素

輸入$$(“selector”) --> 把這些匹配到的元素組成了數組

通過id,class等定位元素

通過元素之間的嵌套定位元素

通過元素的屬性定位元素

通過父子關系定位元素

通過元素狀態定位元素

其他

XPATH選擇器

XPath教程

定義

XPath 是一門在 XML 文檔中查找信息的語言。XPath 用于在 XML 文檔中通過元素和屬性進行導航。

獲取Xpath進行元素定位

XML概述

XML 指可擴展標記語言(EXtensible Markup Language)

XML 是一種標記語言，很類似 HTML

XML 的設計宗旨是傳輸數據，焦點是數據的內容(HTML是顯示數據)

XML 的標簽需要我們自行定義。

XML 被設計為具有自我描述性。

XML 是 W3C 的推薦標準

操作

定位操作

開發者調試模式進入Elements

找到需要定位的元素，右鍵Copy–>Copy Xpath

檢查XPath準確性操作

開發者調試模式進入Console

輸入$x(“XPath路徑”)

XPath節點Node關系

父(Parent)

子(Children)

同胞(Sibling)

先輩(Ancestor)

后代(Descendant)

XPath語法大連人流醫院哪家好 http://www.dljzyyb.com/

XPath使用路徑表達式來選取 XML文檔中的節點或節點集。節點是通過沿著路徑 (path) 或者步 (steps) 來選取的。

實例文檔

29.99

39.95

常用路徑表達式 --> 類似Linux的文件操作

建議使用相對路徑配合屬性進行定位;因為絕對路徑定位，如果更改了其中一個節點，無法再使用

注意：索引以1開始

謂語

謂語用來查找某個特定的節點或者包含某個指定的值的節點。謂語被嵌在方括號中

選取未知節點

通配符*

選取若干路徑

使用“|”運算符 --> 相當于或的關系

CSS

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。