网页JS自动化脚本(三)查找定位页面元素的多种方法

news2024/11/25 4:49:36
  • 当然定位元素不止一个方法,下面总结一些常用的方法

父元素定位

在这里插入图片描述

a.undertips-link>span
  • 我们看到父元素是第8代的a,那么先定位到a,然后再通过a定位到子元素span,可以看到1 of 1 ,匹配上了唯一的元素
    在这里插入图片描述

祖父元素定位

在这里插入图片描述

div#lm-new>a>span
  • 可以看到进对第7代的div元素进行定位,这个元素有一个固定的ID,那么我们就使用ID定位符#接ID,先div#lm-new定位到这个第7代元素,然后再定位第8代子元素>a再定位第9代子元素>span如此也可以找得到,当然可以一直往上套,当祖父还是找不到的时候可以再往上溯源至上一级的元素,这里就不多说了

兄长元素定位

在这里插入图片描述

img.undertips-link-lefticon+span
  • 这次是通过兄长元素查找,只要能找到并排的前面的元素,那么就很好找了,先定位兄长元素img,通过它的CSSundertips-link-lefticon定位至img,然后使用+同辈往后的符号加号,后面接紧挨着的下一个元素的类型span这样子也可以

通过祖父的伯父元素的name属性进行定位

  • 听起来有点奇怪,但就是这样子一个关系,我们先定位到第6代div的兄长元素元素form一个表单,因为它有一个属性name,所以这一次我们通过这种远距离追溯的方式来定位
    在这里插入图片描述
form[name=f]+div>div>a>span
  • 可以看到第6代中的fom有一个name属性,那么查到属性的方法就是使用中括号,我们先定位到它form[name=f],然后再+div定位到同辈的小弟第6代的div,然后后面的如法炮制层层递进定位到第9代的span元素

更多的方法可以参考这个博文的文章
这里就先介绍到这里吧

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

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

承上启下：基于全域漏斗分析的主搜深度统一粗排

承上启下：基于全域漏斗分析的主搜深度统一粗排

1. 背景 1.1 概述 淘宝主搜索是一个典型的多阶段检索系统，主要分为召回、粗排、精排等阶段。召回阶段，由文本召回、个性化等多路召回构成，输出商品量级约10^5；粗排阶段，需要从三路召回集合中分别进行筛选&#xff0c…
阅读更多...
[附源码]SSM计算机毕业设计校园自行车租售管理系统JAVA

[附源码]SSM计算机毕业设计校园自行车租售管理系统JAVA

项目运行 环境配置： Jdk1.8 Tomcat7.0 Mysql HBuilderX（Webstorm也行） Eclispe（IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持）。 项目技术： SSM mybatis Maven Vue 等等组成，B/S模式 M…
阅读更多...
Vue 打包优化之 externals 抽离公共的第三方库

Vue 打包优化之 externals 抽离公共的第三方库

使用 vue/cli 脚手架构建的 Vue 全家桶项目，默认配置下，打包后会把 vue、vue-router、axios、vuex、element-ui、echarts 等公共库打包在一起，导致基础 chunk、vendor 包体积特别大，有时一个文件能达到 3-5MB，这会大大…
阅读更多...
ThinkPHP和uniapp开发的CRM售后管理系统（客户、合同、工单、任务、报价、产品、库存、出纳、收费）

ThinkPHP和uniapp开发的CRM售后管理系统（客户、合同、工单、任务、报价、产品、库存、出纳、收费）

ThinkPHP和uniapp开发的CRM售后管理系统无加密的开源源码(可用于自营外包项目(多主体)、可用于外包定制开发项目) 主要功能：客户、合同、工单、任务、报价、产品、库存、出纳、收费， 适用于：服装鞋帽、化妆品、机械机电、家具装潢、建材行业…
阅读更多...
NR CSI(三) CQI

NR CSI(三) CQI

微信同步更新，欢迎关注同名modem协议笔记 这篇主要看下CQI的相关内容，CQI在spec上描述的内容比较少，主要是和调制方式和码率相关，所以这篇的内容也比较简短。先看下CSI Report Quantity 上报测量量。 很早之前有人问我你知道各个…
阅读更多...
【面试题】DOM

【面试题】DOM

1. DOM的本质 DOM(Document Object Model)&#xff0c;文档对象模型。DOM的本质是从HTML文件中解析出来的一棵树。DOM的数据结构是树形结构&#xff08;DOM树&#xff09; 2. DOM节点操作 2.1 获取DOM节点 <!DOCTYPE html> <html lang"en"> <head…
阅读更多...
【毕业设计】30-基于单片机矿井瓦斯_气体浓度_烟雾浓度报警设计（原理图+源代码+仿真+答辩论文+答辩PPT）

【毕业设计】30-基于单片机矿井瓦斯_气体浓度_烟雾浓度报警设计（原理图+源代码+仿真+答辩论文+答辩PPT）

【毕业设计】30-基于单片机矿井瓦斯/气体浓度/烟雾浓度报警设计&#xff08;原理图源代码仿真答辩论文答辩PPT&#xff09; 文章目录【毕业设计】30-基于单片机矿井瓦斯/气体浓度/烟雾浓度报警设计&#xff08;原理图源代码仿真答辩论文答辩PPT&#xff09;任务书设计说明书摘要…
阅读更多...
Kafka（二）- Kafka集群部署

Kafka（二）- Kafka集群部署

文章目录一、安装部署1. 集群规划2. 虚拟机前置准备工作&#xff08;1&#xff09;配置IP&#xff08;2&#xff09;修改主机名称和hosts文件&#xff08;3&#xff09;关闭防火墙&#xff0c;关闭防火墙开机自启&#xff08;4&#xff09;克隆虚拟机3. 集群部署&#xff08;1&…
阅读更多...
Oracle中ALTER TABLE的五种用法（三）

Oracle中ALTER TABLE的五种用法（三）

首发微信公众号&#xff1a;SQL数据库运维 原文链接&#xff1a;https://mp.weixin.qq.com/s?__bizMzI1NTQyNzg3MQ&mid2247485212&idx1&sn450e9e94fa709b5eeff0de371c62072b&chksmea37536cdd40da7a94e165ce4b4c6e70fb1360d51bed4b3566eee438b587fa231315d0a5a…
阅读更多...
BP神经网络PID从Simulink仿真到PLC控制实现（含博途PLC完整SCL源代码）

BP神经网络PID从Simulink仿真到PLC控制实现（含博途PLC完整SCL源代码）

单神经元自适应PID控制博途PLC完整源代码，请参看下面的文章链接： 博途PLC单神经元自适应PID控制_RXXW_Dor的博客-CSDN博客_单神经元pid控制1、单神经元作为构成神经网络的基本单位，具有自学习和自适应能力，且结构简单易于计算，传统的PID具有结构简单、调整方便和参数整定…
阅读更多...
RationalDMIS 2020一平面与两偏置圆找正（原点不在偏置圆上）

RationalDMIS 2020一平面与两偏置圆找正（原点不在偏置圆上）

在批量加工箱体、杠杆、盖板类零件时，大多是以工件上一个平面和两定位孔作为定位基准实现组合定位，简称"一面两孔（一面两销）定位。 采用"一面两孔，定位，能使工件在各道工序上的定位基准统一，进而可减少因定位基准多次变换而产生的定位误差，提高工件的加工精…
阅读更多...
学术论文引言、正文和致谢格式规范标准 - 易智编译EaseEditing

学术论文引言、正文和致谢格式规范标准 - 易智编译EaseEditing

1 引言1.1 定义 国家标准GB7713-87规定&#xff1a;“引言(或绪论)简要说明研究工作的目的、范围、相关领域的前人工作和知识空白、理论基础和分析、研究设想、研究方法和实验设计、预期结果和意义等。 引言应言简意赅&#xff0c;不要与摘要雷同&#xff0c;不要成为摘要的注…
阅读更多...
vue3 antd table表格的增删改查（二）input输入框根据关键字搜索【后台管理系统 请求后端接口 前后端交互】

vue3 antd table表格的增删改查（二）input输入框根据关键字搜索【后台管理系统 请求后端接口 前后端交互】

input输入框——关键字模糊搜索知识调用场景复现准备工作解决方法step1 请求接口step2 根据id搜索step3 优化处理&#xff08;输入框监听&#xff09;知识调用 功能实现可能要用到的知识&#xff1a;vue3数据变化侦测&&信息筛选过滤.filter() .map() .forEach(). find…
阅读更多...
【SVA】SystemVerilog assertion语法速查

【SVA】SystemVerilog assertion语法速查

seq与property|->,|>\##[*n ][n ]andintersectorfirst_match![在这里插入图片描述](https://img-blog.csdnimg.cn/015bf766991947e0bbe95356ba2a0036.png)throughoutwithinifended局部变量与赋值在sequence、property中调用display[->1]$rose $fell $isunknow$stable$…
阅读更多...
#国产工业软件#外行人看工业软件，接轨还是出轨？

#国产工业软件#外行人看工业软件，接轨还是出轨？

​ 有些人整天特么的自毁自恨&#xff0c;说&#xff1a;“什么我们中国人不追求真理&#xff0c;什么我们中国人没有科学精神&#xff0c;我们大部分科研人员都是混饭吃的&#xff0c;所有人都忙着生活没有人拼搏搞科研。“ 你们这些神经病该歇歇了&#xff0c;要是欧洲社会…
阅读更多...
springboot高校学生宿舍水电费报修考勤管理系统

springboot高校学生宿舍水电费报修考勤管理系统

宿舍水电管理系统的开发过程中&#xff0c;采用B / S架构&#xff0c;主要使用jsp技术进行开发&#xff0c;中间件服务器是Tomcat服务器&#xff0c;使用Mysql数据库和Eclipse开发环境。该宿舍水电管理系统包括学生、维修员和管理员。其主要功能包括宿舍公告、维修员、学生、宿…
阅读更多...
IBO对中文A文学课程IA有何规定？

IBO对中文A文学课程IA有何规定？

又到11月中旬&#xff0c;许多IB学校开始确定IA和EE选题。在IB选课时&#xff0c;IB学生必选语言A&#xff08;母语&#xff09;和语言B。在语言A科目组的课程中&#xff0c;大部分中国的IB学生都会选择IB语文&#xff08;中文A&#xff09;。 众所周知&#xff0c;历经改革&am…
阅读更多...
解决nginx: [emerg] unknown directive “stream“ in /etc/nginx/nginx.conf问题

解决nginx: [emerg] unknown directive “stream“ in /etc/nginx/nginx.conf问题

文章目录1.未报错时nginx配置&#xff1a;2.报错时nginx配置&#xff1a;3.增加配置报错&#xff1a;4.增加配置位置如下&#xff1a;5.解决办法&#xff1a;6.测试&#xff1a;nginx -t1.未报错时nginx配置&#xff1a; #user nginx; user root; worker_processes auto;er…
阅读更多...
【C++】STL —— map和set的模拟实现

【C++】STL —— map和set的模拟实现

目录 一、基础铺垫 二、基本结构分析 1. 节点结构分析 2. 模板参数中仿函数分析 三、正向迭代器 四、封装完成的红黑树 五、map的模拟实现 六、set的模拟实现 一、基础铺垫 在前面的博客中我们了解了map和set的基本使用&#xff0c;以及对二叉搜索树、AVL树和红黑树的…
阅读更多...
数据结构学习笔记（VI）：图

数据结构学习笔记（VI）：图

目录 1 图的基本概念 6.1 图的基本概念 1.定义 2.边 3.连通 4.子图 5.连通分量 6. 生成树与森林 7.权 8.特殊的图 2 图的存储 2.1 邻接矩阵法 1.实现 2.性能分析 3.性质 2.2 邻接表法 1.实现 2.对比 2.3 十字链表与邻接多重表 1.十字链表存储有向图 2…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023