Xpath的简单使用介绍

缺乏、安全感 2022-05-29 08:07 253阅读 0赞

<table> 
 <thead> 
 <tr> 
 <td style="background:rgb(240,240,240);">XPATH是什么？</td> 
 </tr> 
 </thead> 
 <tbody> 
 <tr> 
 <td>xpath是一种在xml中查找信息的语言，普遍应用于xml中，在类xml的html中也可以使用，在selenium自动化中起核心作用，是写selenium自动化脚本的基础。</td> 
 </tr> 
 </tbody> 
 <tbody> 
 <tr> 
 <td style="background:rgb(240,240,240);">xpath的定位</td> 
 </tr> 
 </tbody> 
 <tbody> 
 <tr> 
 <td>xpath的定位主要由路径定位、标签定位、轴定位组合构成，外加筛选功能进行辅助，几乎可以定位到任意元素。</td> 
 </tr> 
 <tr> 
 <td>标签定位：通过标签名即可找到文档中所有满足的标签元素，如： 
 <table> 
 <thead> 
 <tr> 
 <td style="background:rgb(240,240,240);"> xpath</td> 
 <td style="background:rgb(240,240,240);">说明</td> 
 </tr> 
 </thead> 
 <tbody> 
 <tr> 
 <td>div</td> 
 <td>找到所有的div标签元素&nbsp;</td> 
 </tr> 
 <tr> 
 <td>input</td> 
 <td>找到所有的input标签元素</td> 
 </tr> 
 <tr> 
 <td>*</td> 
 <td>替代任意元素或属性</td> 
 </tr> 
 <tr> 
 <td>@属性名</td> 
 <td>找到指定名称的属性</td> 
 </tr> 
 </tbody> 
 </table></td> 
 </tr> 
 <tr> 
 <td>路径定位：通过路径描述来找到需要的元素，“/”开头表示从根路径开始，其他位置表示子元素或分隔符；“//”表示后代元素；“..”表示父元素（上一级）；“.”表示当前元素；“|”表示多条路径 
 <table> 
 <thead> 
 <tr> 
 <td style="background:rgb(240,240,240);"> xpath</td> 
 <td style="background:rgb(240,240,240);">说明</td> 
 </tr> 
 </thead> 
 <tbody> 
 <tr> 
 <td>/html</td> 
 <td>找到根元素html</td> 
 </tr> 
 <tr> 
 <td>//div</td> 
 <td>找到所有的div元素</td> 
 </tr> 
 <tr> 
 <td>//div[@id='id1']/span</td> 
 <td>找到id=“id1”的div元素的子元素span</td> 
 </tr> 
 <tr> 
 <td>//div[@id='id1']//span</td> 
 <td>找到id=“id1”的div元素下的所有后代元素span</td> 
 </tr> 
 <tr> 
 <td>//div[@id='id1']/@class</td> 
 <td>找到id=“id1”的div元素的class属性</td> 
 </tr> 
 <tr> 
 <td>//div[@id='id1']/span|//div[@id='id2']/span</td> 
 <td>找到id=“id1”和id=“id2”的div元素的子元素span</td> 
 </tr> 
 </tbody> 
 </table></td> 
 </tr> 
 <tr> 
 <td>轴定位：通过轴运算符加上“::”和“标签”，找到需要的元素，类似路径定位，如： 
 <table> 
 <thead> 
 <tr> 
 <td style="background:rgb(240,240,240);"> xpath</td> 
 <td style="background:rgb(240,240,240);">说明</td> 
 </tr> 
 </thead> 
 <tbody> 
 <tr> 
 <td>//div[@id='id1']/child::span</td> 
 <td>找到id=“id1”的div元素的子元素span，同//div[@id='id1']/span</td> 
 </tr> 
 <tr> 
 <td>//div[@id='id1']/attribute::class</td> 
 <td>找到id=“id1”的div元素的class属性，同//div[@id='id1']/@class</td> 
 </tr> 
 <tr> 
 <td>//div[@id='id1']/preceding-sibling::*</td> 
 <td>找到与id=“id1”的div元素同级别的，且在它之前的所有元素</td> 
 </tr> 
 </tbody> 
 </table>下表是轴运算符的列表 
 <table> 
 <thead> 
 <tr> 
 <td style="background:rgb(240,240,240);">轴名称</td> 
 <td style="background:rgb(240,240,240);">结果</td> 
 </tr> 
 </thead> 
 <tbody> 
 <tr> 
 <td>ancestor</td> 
 <td>选取当前节点的所有先辈（父、祖父等）</td> 
 </tr> 
 <tr> 
 <td>ancestor-or-self</td> 
 <td>选取当前节点的所有先辈（父、祖父等）以及当前节点本身</td> 
 </tr> 
 <tr> 
 <td>attribute</td> 
 <td>选取当前节点的所有属性</td> 
 </tr> 
 <tr> 
 <td>child</td> 
 <td>选取当前节点的所有子元素。</td> 
 </tr> 
 <tr> 
 <td>descendant</td> 
 <td>选取当前节点的所有后代元素（子、孙等）。</td> 
 </tr> 
 <tr> 
 <td>descendant-or-self</td> 
 <td>选取当前节点的所有后代元素（子、孙等）以及当前节点本身。</td> 
 </tr> 
 <tr> 
 <td>following</td> 
 <td>选取文档中当前节点的结束标签之后的所有节点。</td> 
 </tr> 
 <tr> 
 <td>namespace</td> 
 <td>选取当前节点的所有命名空间节点</td> 
 </tr> 
 <tr> 
 <td>parent</td> 
 <td>选取当前节点的父节点。</td> 
 </tr> 
 <tr> 
 <td>preceding</td> 
 <td>选取文档中当前节点的开始标签之前的所有节点。</td> 
 </tr> 
 <tr> 
 <td>preceding-sibling</td> 
 <td>选取当前节点之前的所有同级节点。</td> 
 </tr> 
 <tr> 
 <td>following-sibling</td> 
 <td>选取当前节点之后的所有同级节点。</td> 
 </tr> 
 <tr> 
 <td>self</td> 
 <td>选取当前节点</td> 
 </tr> 
 </tbody> 
 </table>一般情况下，我们使用简写后的语法。虽然完整的轴描述是一种更加贴近人类语言，利用自然语言的单词和语法来书写的描述方式，但是相比之下也更加啰嗦。 </td> 
 </tr> 
 <tr> 
 <td>筛选：通过以上方法找出来的元素会找到很多你本意不需要的元素，因此还需要通过一些筛选运算来找到对应的元素，筛选方式多种多样，下面的各种例子助你定位又快又准。 通用的筛选条件是以[xxxx]形式出现的（上面的例子中已有体现），常见筛选如下： A、属性筛选：属性名前+@来表示属性，如下 
 <table> 
 <thead> 
 <tr> 
 <td style="background:rgb(240,240,240);"> xpath</td> 
 <td style="background:rgb(240,240,240);">说明</td> 
 </tr> 
 </thead> 
 <tbody> 
 <tr> 
 <td>//div[@class='class1']</td> 
 <td>筛选class属性值等于class1的div</td> 
 </tr> 
 <tr> 
 <td>//div[@hight&gt;10]</td> 
 <td>筛选hight属性值大于10的div(仅限数字)</td> 
 </tr> 
 <tr> 
 <td>//div[text()='divtext']</td> 
 <td>筛选文本是divtext的div</td> 
 </tr> 
 <tr> 
 <td>//div[contains(@class,'class1')]</td> 
 <td>筛选class属性中包含class1的div</td> 
 </tr> 
 <tr> 
 <td>//div[contains(text(),'text1')]</td> 
 <td>筛选文本包含text1的div</td> 
 </tr> 
 <tr> 
 <td>//div[text()='text1' and @class=‘class1’]</td> 
 <td>同时满足两个条件的筛选，类似的，“或者” 的话用“or”，运算优先级高的用"()"括起来</td> 
 </tr> 
 <tr> 
 <td>//div[text()='text1' and not(@class)]</td> 
 <td>筛选文本包含 text1，且无class属性的 div</td> 
 </tr> 
 </tbody> 
 </table>B、序号筛选：通过序号（从1开始），或排序运算查找元素 
 <table> 
 <thead> 
 <tr> 
 <td style="background:rgb(240,240,240);">xpath</td> 
 <td style="background:rgb(240,240,240);">说明</td> 
 </tr> 
 </thead> 
 <tbody> 
 <tr> 
 <td>//div[@id='id1']/span[1]</td> 
 <td>找到id=“id1”的div元素后代的第一个span元素，如[4]则是第4个</td> 
 </tr> 
 <tr> 
 <td>//div[@id='id1']/span[last()]</td> 
 <td>找到id=“id1”的div元素子元素的最后一个span元素，如[last()-2]则是倒数第3个</td> 
 </tr> 
 <tr> 
 <td>//div[@id='id1']/span[position()&gt;2 and position() &lt; 7]</td> 
 <td>找到id=“id1”的div元素后代的第3、4、5、6个span元素</td> 
 </tr> 
 <tr> 
 <td>//div[@id='id1']/text()[2]</td> 
 <td>找到id=“id1”的div元素的第二段文本（注：此处用于文本被子元素分割，需要选择后面文本的情况： 如&lt;div id="id1"&gt;this is text one&lt;strong&gt;haha&lt;/strong&gt;this is text two&lt;/div&gt;）</td> 
 </tr> 
 </tbody> 
 </table>特别注意：序号筛选时，指定是当前元素的同级的第n个，如果当前元素的祖先中有元素不是唯一的，那么序号筛选是无效的。 通过括号将祖先括起来，再指定序号，可以使当前元素前的祖先是指定的、且唯一的，如： (//div[@class='class1']//span[@class='class2'])[1]/div[3] 这样就可以十分准确的定位到需要span下的第3个div，没有此括号，当//div[@class='class1']//span[@class='class2']找到多个元素时，就算用[3]也则只能定位到第1个 </td> 
 </tr> 
 </tbody> 
</table>