画出树状图如下所示：
| Xpath轴关键字 | 轴的定义说明 | 定位表达式实例 | 表达式解释 |
| parent | 选取当前节点的父节点 | //img[@alt='div2-img2']/parent::div | 查找到alt属性为div2-img2的img元素，并基于图片找到其上一级的div元素 |
| child | 选取当前节点的子节点 | //div[@id='div1']/child::img | 查找id为div1的div标签，基于当前div查找标签为img的子节点 |
| ancestor | 选取当前节点的所有上层节点 | //img[@alt='div2-img2']/ancestor::div | 查找alt属性为div2-img2的图片，基于当前图片找到其上级的div页面元素 |
| descendant | 选取当前节点所有下层节点 | //div[@id='div2']/descendant::img | 查找id属性为div2的div元素，在查找其下级所有节点中的img元素 |
| following | 选取当前节点之后显示的所有节点 | //div[@id='div1']/following::img | 查找到ID属性为div1的div元素，并基于div的位置找到它后面节点中的img元素 |
| following-sibling | 选取当前节点所有的平级节点 | //img[@alt='div1-img1']/following-sibling::input | 查找到alt属性为div1-img1的img页面元素，并基于img的位置找到后续节点中的input元素 |
| preceding | 选取当前节点前面所有的节点 | //img[@alt='div2-img2']/preceding::div | 查找到alt属性为div2-img2的图片页面元素，并基于图片的位置找到它前面节点中的div元素 |
| preceding-sibling | 选取当前节点前面所有平级的节点 | //img[@alt='div2-img2']/preceding-sibling::a[1] | 查找到alt属性值为div2-img2的图片元素，基于图片位置找到它前面同级节点的第二个链接页面元素 |