云社区 博客 博客详情

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

nineteens 发表于 2021-03-03 16:27:51 2021-03-03
0
0

【摘要】 元素定位之 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开始

  谓语

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

  选取未知节点

  通配符*

  选取若干路径

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

登录后可下载附件,请登录或者注册

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

上一篇:Selenium的概述以及 环境搭建

下一篇:pandas数据分组groupby()和统计函数agg()

评论 (0)


登录后可评论,请 登录注册

评论