学习29 ：Web元素定位学习·第二篇

xpath

xpath总结：
标准xpath表达式

• //input[@class=’’ and text()=‘文本’]
• //div/input[@class=’’ and text()=‘文本’] 父元素定位子元素
• //*[] ----- * 任意标签名
• //input[@*=‘kw’] ----- * 任意属性
• //input[@id]
• //input[contains(@class,‘value’)]
• //input//… 通过子元素查找父元素

---

轴运算/轴定位
//input//ancestor::span

表示：

1. /轴名称（元素关系）：：节点名称
2. 例：//div//table//td//preceding::td

• 轴定位包含了路径寻找，如果需要多层往上，轴定位更加方便
• 兄弟姐妹都可以
  - 哥哥或者姐姐preceding-sibling
  - 弟弟或者妹妹following-sibling
  - 祖先ancestor

---

CSS选择器

表达方式：

• .s_ipt : class_name=‘s_ipt’
• #kw : id=‘kw’
• input[id=kw] ===> //input[@id=‘kw’]

层级关系

谓语

索引

xpath vs css 区别（面试题）

• css好处1：表达方式更加简洁
• css好处2：主流浏览器查询速度快，效率高
• xpath好处1：xpath功能更强， 支持更多的函数，可以查找父元素和轴元素
• xpath好处2：xpath支持用text文本进行定位，但css不支持text文本定位
• xpath好处3：对于一些复杂元素，xpath写法反而比css更简洁