Xpath 学习基础----简单介绍----表达式----通配符-----css选择器

一、Xpath介绍：

1.1什么是xpath？

**XPath即为XML路径语言，它是一种用来（标准通用标记语言的子集）在 HTML\XML 文档中查找信息的语言。 **

W3School官方文档：http://www.w3school.com.cn/xpath/index.asp

1.2什么是XML?

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

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

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

1.3XML与HTML区别

image

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

image

1.5Xpath表达式

XPath 使用路径表达式来选取 XML 文档中的节点或者节点集。

**这些路径表达式和我们在常规的电脑文件系统中看到的表达式非常相似。 **

image

1.5.1nodename（选取此节点的所有子节点）

image

1.5.2 / 从根节点选取

image

1.5.3// 根目录下随意位置进行匹配

在这里插入图片描述

1.5.4 . 选取当前节点

在这里插入图片描述

1.5.5 .. 选取当前节点的父节点

在这里插入图片描述

1.5.6 @ 选取属性

在这里插入图片描述

1.6Xpath查找某个特定的节点或者包含某个指定的值的节点（注意从1开始！！！）

image

1.7通配符，选择未知节点路径表达式

image

1.8选取若干路径表达式

image

1.9补充内容

*//[text()=“x’x’x”] 全部//title/text() 文本内容是xxx的元素 **

*//[starts-with(@attribute,’xxx’)] 属性以xxx开头的元素 **

*//[contains(@attribute,’xxxxx’)] 属性中含有xxx的元素 **

*//[@attribute1=value1 and @attribute2=value2] 同时有两个属性值的元素 **

二、css选择器

2.1什么是css选择器？

CSS 中，选择器是一种模式，用于选择需要添加样式的元素。

计算机能够通过css选择器定位到相应元素，我们在编写自动化测试脚本的时候很多时候是在不断地找到css选择器。

2.2css选择器语法

2.2.1通过伪类名、id、标签名定位

image

2.2.2通过元素之前嵌套关系

image

2.2.3通过属性

image

2.2.4通过父子关系

image

Xpath 学习基础----简单介绍----表达式----通配符-----css选择器

一、Xpath介绍：

1.1什么是xpath？

1.2什么是XML?

1.3XML与HTML区别

image

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

image

1.5Xpath表达式

1.5.1nodename（选取此节点的所有子节点）

1.5.2 / 从根节点选取

image

1.5.3// 根目录下随意位置进行匹配 在这里插入图片描述

1.5.4 . 选取当前节点

1.5.5 .. 选取当前节点的父节点

1.5.6 @ 选取属性

1.6Xpath查找某个特定的节点或者包含某个指定的值的节点 （注意从1开始！！！）

1.7通配符，选择未知节点路径表达式

image

1.8选取若干路径表达式

image

二、css选择器

2.1什么是css选择器？

2.2css选择器语法

**2.2.1通过伪类名、id、标签名定位 **

**2.2.2通过元素之前嵌套关系 **

**2.2.3通过属性 **

2.2.4通过父子关系

1.5.3// 根目录下随意位置进行匹配

在这里插入图片描述

1.6Xpath查找某个特定的节点或者包含某个指定的值的节点（注意从1开始！！！）

2.2.1通过伪类名、id、标签名定位

2.2.2通过元素之前嵌套关系

2.2.3通过属性