相对定位语法:css+xpath基础语法使用-定位页面元素

文章目录

  • CSS相对定位
    • 获取元素
    • 关系定位
    • 顺序关系
  • XPath相对定位
    • 基础语法
    • 顺序关系-通过索引获取元素
    • 选取元素
  • 总结

✨✨✨学习的道路很枯燥,希望我们能并肩走下来!

编程真是一件很奇妙的东西。你只是浅尝辄止,那么只会觉得枯燥乏味,像对待任务似的应付它。但你如果深入探索,就会发现其中的奇妙,了解许多所不知道的原理。知识的力量让你沉醉,甘愿深陷其中并发现宝藏。



本篇介绍常用的css,xpath相对定位的语法,如有错误,请在评论区指正,让我们一起交流,共同进步!


本文开始

CSS相对定位

  • $(“css表达式”)
  • 对于css和xpath都可以直接打开页面检查,复制元素位置,但是是绝对定位;

获取元素

  • 标签名 $(‘input’)
  • .类属性值 $(‘.s_ipt’)
  • #id属性值 $(‘#kw’)
  • [属性名=‘属性值’] 如:$(‘[name=“zs”]’)

关系定位

  • 父子关系是大于号,后代关系是空格
  • 父子:元素 > 元素
    $(‘#s_kw>input’)
  • 后代:元素 元素
    $(‘#form input’)

顺序关系

  • :nth-child(n) 应用于父下面有多个相同的子【n取值从1开始】
    父子关系+顺序:$(‘#form>input:nth-child(2)’)

  • :nth-of-type(n) 应用于一个父下面有多个不同的类型的子,n你要的第几个数,可以自定义填写
    父子关系+标签类型+顺序:$(‘#form>input:nth-of-type(1)’)

XPath相对定位

基础语法

  • $x(“xpath表达式”)
  • 整个页面,该节点子元素
    $x(“/”)
  • 页面中的所有的子元素,该节点子孙元素找 如:html节点是页面子节点
    $x(“/*”)
  • 星号是通配符,整个页面中的所有元素
    $x(“//*”)
  • 查找页面上面所有的div标签节点
    $x(“//div”)
  • 查找id属性为logo的节点;@符-选取元素
    $x(‘//*[@id=“logo”]’)
  • 查找节点的父节点; 两个点找当前节点的父节点
    $x('//*[@id=“logo”]/. . ')

顺序关系-通过索引获取元素

  • 获取id='ele1’节点下的所有的li元素
    $x(“//*[@id=‘ele1’]//li”)
    寻找tbody下的所有tr元素: $x(“//tbody//tr”)
  • 获取id='ele2’节点下【所有的节点的】第一个li元素
    $x(“//*[@id=‘ele2’]//li[1]”)
    寻找thead下所有li元素的第一个li: $x(“//thead//li[1]”)

选取元素

【注】所有的表达式需要和[]结合

  • `[last()]: 选取最后一个
  • [@属性名=‘属性值’ and @属性名=‘属性值’]: 与关系
    选取属性name的值为password或属性pwd的值为123的input标签
    //input[@name=‘password’ or @pwd=‘123’]
  • [@属性名=‘属性值’ or @属性名=‘属性值’]: 或关系
    选取所有文本信息为’测试’的元素
    //*[text()=‘测试’]
  • [text()=‘文本信息’]: 根据文本信息定位 , 使用方法定位不需要@符号了
  • [contains(text(),‘文本信息’)]: 根据文本信息包含定位
    选取所有文本信息包’测试’的元素
    //*[contains(text(),‘测试’)]
    contains(第一个参数,第二个参数)
    第一个参数传入匹配方式(文本, @id @namé,text())
    第二个参数传入模糊匹配的内容 测试

总结

✨✨✨各位读友,本篇分享到内容是否更好的让你理解了 (),如果对你有帮助给个👍赞鼓励一下吧!!
🎉🎉🎉世上没有绝望的处境,只有对处境绝望的人。
🎉🎉🎉一遇挫折就灰心丧气的人,永远是个失败者。而一向努力奋斗,坚韧不拔的人会走向成功。
感谢每一位一起走到这的伙伴,我们可以一起交流进步!!!一起加油吧!!!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/47242.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

HTML5应用的安全防护策略与实践

随着HTML5及其相关技术(如CSS3和JavaScript)的普及,Web应用变得越来越强大和复杂,同时也成为黑客攻击的目标。本文将探讨HTML5应用面临的常见安全威胁,以及如何通过最佳实践和代码示例来增强应用的安全性。 HTML5安全…

uniapp小程序上传pdf文件

<template><view class="mainInnBox"><view class="formBox"><!-- 注意,如果需要兼容微信小程序,最好通过setRules方法设置rules规则 --><u-form :model="form" ref="uForm" :rules="rules"&g…

用于可穿戴传感器的人类活动识别、健康监测和行为建模的大型语言模型

这篇论文题为《用于可穿戴传感器的人类活动识别、健康监测和行为建模的大型语言模型&#xff1a;早期趋势、数据集和挑战的综述》&#xff0c;由埃米利奥费拉拉&#xff08;Emilio Ferrara&#xff09;撰写。论文主要内容如下&#xff1a; 摘要 可穿戴技术的普及使得传感器数…

韦东山嵌入式linux系列-具体单板的 LED 驱动程序

笔者使用的是STM32MP157的板子 1 怎么写 LED 驱动程序&#xff1f; 详细步骤如下&#xff1a; ① 看原理图确定引脚&#xff0c;确定引脚输出什么电平才能点亮/熄灭 LED ② 看主芯片手册&#xff0c;确定寄存器操作方法&#xff1a;哪些寄存器&#xff1f;哪些位&#xff1f;…

STM32 BootLoader 刷新项目 (三) 程序框架搭建及刷新演示

STM32 Customer BootLoader 刷新项目 (三) 程序框架搭建 文章目录 STM32 Customer BootLoader 刷新项目 (三) 程序框架搭建典型工作流程 1. 硬件原理图介绍1.1 USART硬件介绍1.2 LED和按键介绍 2. STM32 CubeMX工程搭建2.1 创建工程2.2 系统配置2.3 USART串口配置2.4 配置按键G…

GD32 MCU上电跌落导致启动异常如何解决

大家是否碰到过MCU上电过程中存在电源波动或者电压跌落导致MCU启动异常的问题&#xff1f;本视频将会为大家讲解可能的原因以及解决方法&#xff1a; GD32 MCU上下电复位波形如下图所示&#xff0c;上电过程中如果存在吃电的模块&#xff0c;比如wifi模块/4G模块/开启某块电路…

【pytorch】thread: [16,0,0] Assertion `t >= 0 t < n_classes` failed

报错信息&#xff1a;C:\cb\pytorch_1000000000000\work\aten\src\ATen\native\cuda\Loss.cu:250: block: [0,0,0], thread: [16,0,0] Assertion t > 0 && t < n_classes failed 可能原因&#xff1a;标签label或者预测的结果pred&#xff0c;超出了数据的范围&…

10校大满贯!中国内地高校2024年1-6月CNS发文统计出炉

随着全球科研竞争的日趋激烈&#xff0c;CNS&#xff08;Cell、Nature、Science&#xff09;作为科学领域的三大顶级期刊&#xff0c;不仅是科研成果的展示平台&#xff0c;更是各国科研实力比拼的重要战场。近年来&#xff0c;中国高校在国际科研舞台上的表现愈发抢眼&#xf…

c#中的字符串方法

Concat() String.Concat(字符串1 字符串n) 字符串拼接 Contains () 字符串1.Contains(字符串2) 字符串1是否包含字符串2返回布尔值 CopyTo() 字符串1.CopyTo(0,空数组,0,5); 从哪开始 复制到哪里 从哪开始存 存储的个数 tartsWith 字符串1.StartsWith("字符串") 以…

排队问题--逆序对应用

对于逆序对&#xff0c;我们可以用树状数组的方式来求&#xff0c;但是值得注意的是&#xff0c;我们逆序对一般求的是比这个元素小的个数&#xff08;位置可以是前或者后&#xff09;&#xff0c;那么求比这个元素大的个数怎么办&#xff0c;我们可以用 i - query() !!! 每个元…

生物安全柜验证:气流流型、粒子、浮游菌等参考标准

生物安全柜也是制药行业常见设备&#xff0c;根据GMP的要求&#xff0c;需对生物安全柜定期进行验证确认&#xff0c;确保生物安全柜的性能满足GMP洁净厂房的相关要求。 生物安全柜是实验室的基本设备&#xff0c;也是生物安全实验室的一级安全隔离屏障。其最重要的作用就是气流…

Windows与Linux双机热备软件推荐

网络数据安全在如今信息化的时代越来越变得举足轻重&#xff0c;因此服务器维护和管理也成为企业健康稳定运营的一项重要工作。但实际情况是很多公司并没有配备专业的运维人员&#xff0c;一般都会通过一些管理软件维护或者主机托管给服务商。整理6款服务器的Windows与Linux双机…

JAVA-----异常处理

一、定义 在 Java 中&#xff0c;异常&#xff08;Exception&#xff09;是指程序在执行过程中遇到的不正常情况&#xff0c;这些情况可能导致程序无法继续执行或产生错误的结果。异常可以是 Java 标准库中提供的内置异常类&#xff0c;也可以是开发人员自定义的异常类。 二、…

Laravel数据库的魔术:数据库种子(Seeders)的实现指南

Laravel数据库的魔术&#xff1a;数据库种子&#xff08;Seeders&#xff09;的实现指南 在Laravel的世界里&#xff0c;数据库种子&#xff08;Seeders&#xff09;是一种优雅的方式来填充数据库&#xff0c;它允许开发者快速地为开发和测试环境创建所需的数据。通过使用Seed…

设计模式10-抽象工厂

抽象工厂 Abstract Factory 动机原理 结构优点代码推导不使用抽象工厂模式使用抽象工厂模式对比分析不使用抽象工厂模式的缺点使用抽象工厂模式的优点 抽象工厂&#xff08;Abstract Factory&#xff09;设计模式是一种创建型模式&#xff0c;它提供了一个接口&#xff0c;用于…

PyTorch面部表情识别项目实战

新书速览|PyTorch深度学习与企业级项目实战-CSDN博客 本书案例比较丰富、比较完整&#xff0c;可以用于课题研究、毕业论文素材&#xff0c;值得大家收藏。 人脸表情是人类信息交流的重要方式&#xff0c;它所包含的人体行为信息与人的情感状态、精神状态、健康状态等有着极为…

Docker自建私有仓库遇到https问题

记录一下自己在自建Docker仓库的时候遇到的一个报错 问题 docker push registry:5000/library/centos:7 The push refers to repository [registry:5000/library/centos] Get "https://registry:5000/v2/": http: server gave HTTP response to HTTPS client解决办…

关于Ubuntu22.04中的Command ‘vim‘ not found, but can be installed with:

前言 在Ubuntu终端编辑文本内容时需要利用vim&#xff0c;但新安装的虚拟机中并未配置vim&#xff0c;本文记录了vim的安装过程。 打开终端后&#xff0c;在home目录中输入 vim test.txt但提示报错&#xff0c;提示我们没有找到vim&#xff0c;需要通过以下命令进行安装&…

yearrecord——一个类似痕迹墙的React数据展示组件

介绍一下自己做的一个类似于力扣个人主页提交记录和GitHub主页贡献记录的React组件。 下图分别是力扣个人主页提交记录和GitHub个人主页的贡献记录&#xff0c;像这样类似痕迹墙的形式可以比较直观且高效得展示一段时间内得数据记录。 然而要从0实现这个功能还是有一些麻烦得…

vue搜索框过滤--- computed、watch区别

vue组件选项&#xff08;component options&#xff09; 1. computed&#xff08;计算属性&#xff09; 用途&#xff1a;computed属性用于声明性地描述一些依赖其它响应式属性的数据。当依赖的响应式属性变化时&#xff0c;计算属性会自动重新求值。缓存&#xff1a;计算属性…