Xpath 詳解

什麼是 Xpath？

Xpath 是一種用在 XML 文檔中定位元素的語言，一樣也支持 HTML 元素的解析。

所謂 Xpath，是指 XML path language。path 就是路徑，那麼 Xpath 主要是經過路徑來查找元素。

咱們經過下面一張小圖來了解一下 HTML 中的結構：

HTML 的結構就是樹形結構，HTML 是根節點，全部的其餘元素節點都是從根節點發出的。其餘的元素都是這棵樹上的節點Node，每一個節點還可能有屬性和文本。
而路徑就是指某個節點到另外一個節點的路線。

節點之間存在各類關係：

• 父節點(Parent)： HTML 是 body 和 head 節點的父節點；
• 子節點(Child)：head 和 body 是 HTML 的子節點；
• 兄弟節點(Sibling)：擁有相同的父節點，head 和 body 就是兄弟節點。title 和 div 不是兄弟，由於他們不是同一個父節點。
• 祖先節點(Ancestor)：body 是 form 的祖先節點，爺爺輩及以上