【元素定位】CSS選擇器&XPath選擇器-有解無憂

文章目錄

- - - - CSS選擇器
      - XPATH選擇器

CSS選擇器

CSS教程

操作
- 定位CSS選擇器
  1. 開發者除錯模式進入Elements
  2. 找到需要定位的元素，右鍵Copy–>Copy selector
- 檢查CSS選擇器準確性操作
  1. 開發者除錯模式進入Console
  2. 輸入$(“selector”) --> 列出與selector匹配的所有元素
  3. 輸入$$(“selector”) --> 把這些匹配到的元素組成了陣列
通過id,class等定位元素
通過元素之間的嵌套定位元素
通過元素的屬性定位元素
通過父子關系定位元素
通過元素狀態定位元素
其他

XPATH選擇器

XPath教程

定義
XPath 是一門在 XML 檔案中查找資訊的語言，XPath 用于在 XML 檔案中通過元素和屬性進行導航，
獲取Xpath進行元素定位
XML概述
- XML 指可擴展標記語言（EXtensible Markup Language）
- XML 是一種標記語言，很類似 HTML
- XML 的設計宗旨是傳輸資料，焦點是資料的內容（HTML是顯示資料）
- XML 的標簽需要我們自行定義，
- XML 被設計為具有自我描述性，
- XML 是 W3C 的推薦標準
操作
- 定位操作
  1. 開發者除錯模式進入Elements
  2. 找到需要定位的元素，右鍵Copy–>Copy Xpath
- 檢查XPath準確性操作
  1. 開發者除錯模式進入Console
  2. 輸入$x(“XPath路徑”)
XPath節點Node關系
- 父（Parent）
- 子（Children）
- 同胞（Sibling）
- 先輩（Ancestor）
- 后代（Descendant）
XPath語法
XPath使用路徑運算式來選取 XML檔案中的節點或節點集，節點是通過沿著路徑 (path) 或者步 (steps) 來選取的，
- 實體檔案
```
<?xml version="1.0" encoding="ISO-8859-1"?>

<bookstore>

<book>
  <title lang="eng">Harry Potter</title>
  <price>29.99</price>
</book>

<book>
  <title lang="eng">Learning XML</title>
  <price>39.95</price>
</book>

</bookstore>
```
- 常用路徑運算式 --> 類似Linux的檔案操作
  建議使用相對路徑配合屬性進行定位；因為絕對路徑定位，如果更改了其中一個節點，無法再使用
  注意：索引以1開始
- 謂語
  謂語用來查找某個特定的節點或者包含某個指定的值的節點，謂語被嵌在方括號中
- 選取未知節點
  通配符*
- 選取若干路徑
  使用“|”運算子 --> 相當于或的關系
XPath運算子
+
-
*
div
=
!=
<
<=
>
>=
or
and
mod

轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/262054.html

標籤：其他

上一篇：微信瀏覽器中實作音樂自動播放

下一篇：php實戰kong做微服務架構三（注冊服務）