| 定位方式 | xpath | CSS | |
| 常规属性 | id | //*[@id='kw'] | #kw |
| class | //input[@class='s_ipt'] | .s_ipt | |
| name | //input[@name='wd'] | [name='wd'] | |
| 其他属性 | 其他属性 | //input[@autocomplete='off'] | [autocomplete='off'] |
| 多个属性组合（逻辑运算） | //input[@type='text'and @name='wd'] | [type='text'][name='wd'] | |
| 文本属性 | //*[text()='文本内容'] | ||
| 层级关系 | 相对路径 | //form[@id='form]/span/input | form#form>span>input |
| 索引 | //select[@id='nr']/option[3] | select#nr>option:nth-child(3) | |
| select#nr>option:eq(2) | |||
| select#nr>option:first | |||
| select#nr>option:last | |||
| 通过儿子找父亲 | 两个点代表父级 | //*[@id='']/../.. | |
| 模糊匹配 | 模糊匹配text | //*[contains(text(),'糯米')] | |
| 模糊匹配某个属性 | //*[contains(@class,'s_ip')] | ||
|
模糊匹配以xx开头 模糊匹配以xx结尾 |
//*[starts-with(@id,'xx')] //*[ends-with(@id,'xx')] |
补充：
选择兄弟节点
- 选择当前节点前N位的div标签
preceding-sibling::div[N] - 选择当前节点后N位的div标签
following-sibling::div[N]