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

nineteens 发表于 2021/03/03 16:27:51 2021/03/03
【摘要】 元素定位之 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开始

  谓语

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

  选取未知节点

  通配符*

  选取若干路径

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

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区),文章链接,文章作者等基本信息,否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件至:cloudbbs@huaweicloud.com进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容。
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。