xpath元素和css选择器的定位

2024-05-03 12:03:07

我们一般进行元素定位使用xpath和css选择器

1.xpath元素定位

1.什么是xpath？

XPath 是一门在 XML 文档中查找信息的语言

XPath即为XML路径语言（XML Path Language），它是一种用来确定XML文档中某部分位置的语言。

XPath基于XML的树状结构，提供在数据结构树中找寻节点的能力。起初XPath的提出的初衷是将其作为一个通用的、介于XPointer与XSL间的语法模型。但是XPath很快的被开发者采用来当作小型查询语言。

2.什么是XML？

XML 指可扩展标记语言（EXtensible Markup Language）

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

XML 的设计宗旨是传输数据，而非显示数据

3.XML和HTML区别

4.节点的概念：每个XML/HTML的标签我们都称之为节点

5.XPath 使用路径表达式来选取 XML 文档中的节点或者节点集。这些路径表达式和我们在常规的电脑文件系统中看到的表达式非常相似

查找某个特定的节点或者包含某个指定的值的节点

选择未知节点

选取若干路径

补充:

//*[text()=“x’x’x”]   全部//title/text()                   本内容是xxx的元素//*[starts-with(@attribute,”xxx”)]      属性以xxx开头的元素//*[contains(@attribute,”xxxxx”)]       属性中含有xxx的元素//*[@attribute1=value1 and @attribute2=value2]   同时有两个属性值的元素

2.css选择器元素定位

1.什么是css选择器？

CSS 中，选择器是一种模式，用于选择需要添加样式的元素。计算机能够通过css选择器定位到相应元素，我们在编写自动化测试脚本的时候很多时候是在不断地找到css选择器。

2.css选择器语法

1)通过伪类名、id、标签名定位

测试站点: http://www.baidu.com

2)通过元素之前嵌套关系

3)通过属性

4)通过父子关系

xpath元素和css选择器的定位相关推荐

css 首个元素,类的第一个元素的CSS选择器
小编典典这是作者误解:first-child工作方式的最著名例子之一.在CSS2介绍,该:first-child伪类表示其父的第一个孩子.而已.有一个非常普遍的误解,认为它选择第一个与其余复合选择器 ...
css选择器包含内容,是否有包含特定文本的元素的CSS选择器？
回答(15) 2 years ago 您可以匹配元素,元素中属性的名称以及元素中命名属性的值 . 但是,我没有看到任何元素内的匹配内容 . 2 years ago 使用jQuery: $('td:co ...
CSS选择器与Xpath常用语法及对比
文章目录写在前面 CSS选择器基本语法一些不足 Xpath查询基本语法二者的主要对比相同不同语法方面写在前面写爬虫时候经常遇到HTML元素的定位问题,针对这个问题,主流的两种思路是CS ...
HtmlAgilityPack中SelectSingleNode的XPath和CSS选择器
XPath和CSS选择器原文:http://ejohn.org/blog/xpath-css-selectors 最近,我做了很多工作来实现一个同时支持XPath和CSS 3的解析器,令我惊讶的是: ...
css选择器自定义属性_使用CSS选择器和自定义属性升级项目
css选择器自定义属性 This article was originally published by TestProject. Thank you for supporting the part ...
html 井号作用,html5 css选择器。井号，句号的区别
一.理解CSS的样式组成CSS里的样式表是有规则组成的,每条规则有三个部分组成:1.选择器(如下面例子中的:"body"),告诉浏览器文档的哪个部分受规则影响:2.属性(如实例中的 ...
css选择器按功能分,CSS 选择器
概览在 CSS 中,选择器用于选择需要添加样式的元素. CSS 选择器非常丰富,现将 CSS 1 - 3 目前所有的选择器列举如下. 选择器例子例子描述 CSS版本 .class .intro ...
Jmeter之CSS选择器/JQuery选择器关联
选择器: CSS选择器或JQuery选择器是Jmeter支持的两种语法,下面对其两种语法进行简单介绍 CSS选择器 JQuery选择器 Chrome - 复制CSS选择器 Google Chrome在 ...
Day81：爬虫Scrapy框架之css选择器使用
css选择器介绍在css中选择器是一种模式,用于选择需要添加样式的元素,css对html页面中的元素实现一对一,一对多或者多对一的控制,都需要用到css选择器,html页面中的元素就是通过css选择 ...

最新文章

热门文章