元素定位之 CSS选择器和XPath选择器

CSS选择器

CSS教程

操作

定位CSS选择器

开发者调试模式进入Elements

找到需要定位的元素，右键Copy–>Copy selector

检查CSS选择器准确性操作

开发者调试模式进入Console

输入$(“selector”) --> 列出与selector匹配的所有元素

输入$$(“selector”) --> 把这些匹配到的元素组成了数组

通过id,class等定位元素

通过元素之间的嵌套定位元素

通过元素的属性定位元素

通过父子关系定位元素

通过元素状态定位元素

其他

XPATH选择器

XPath教程

定义

XPath 是一门在 XML 文档中查找信息的语言。XPath 用于在 XML 文档中通过元素和属性进行导航。

获取Xpath进行元素定位

XML概述

XML 指可扩展标记语言(EXtensible Markup Language)

XML 是一种标记语言，很类似 HTML

XML 的设计宗旨是传输数据，焦点是数据的内容(HTML是显示数据)

XML 的标签需要我们自行定义。

XML 被设计为具有自我描述性。

XML 是 W3C 的推荐标准

操作

定位操作

开发者调试模式进入Elements

找到需要定位的元素，右键Copy–>Copy Xpath

检查XPath准确性操作

开发者调试模式进入Console

输入$x(“XPath路径”)

XPath节点Node关系

父(Parent)

子(Children)

同胞(Sibling)

先辈(Ancestor)

后代(Descendant)

XPath语法大连人流医院哪家好 http://www.dljzyyb.com/

XPath使用路径表达式来选取 XML文档中的节点或节点集。节点是通过沿着路径 (path) 或者步 (steps) 来选取的。

实例文档

29.99

39.95

常用路径表达式 --> 类似Linux的文件操作

建议使用相对路径配合属性进行定位;因为绝对路径定位，如果更改了其中一个节点，无法再使用

注意：索引以1开始

谓语

谓语用来查找某个特定的节点或者包含某个指定的值的节点。谓语被嵌在方括号中

选取未知节点

通配符*

选取若干路径

使用“|”运算符 --> 相当于或的关系

CSS

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。