Loading [MathJax]/jax/output/CommonHTML/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >专栏 >JavaScript 技术篇 - js通过xpath路径定位元素方法

JavaScript 技术篇 - js通过xpath路径定位元素方法

作者头像

小蓝枣

发布于 2020-09-24 02:00:23

发布于 2020-09-24 02:00:23

8.6K01

代码可运行

举报

文章被收录于专栏：CSDN博客专家-小蓝枣的博客CSDN博客专家-小蓝枣的博客

运行总次数：1

代码可运行

我先写好一段 xpath 路径，然后通过该路径可以查到对应的元素节点。

通过 document.evaluate('...', document).iterateNext() 方法可以用 xpath 路径定位到元素节点。

>  var a = document.evaluate('//*[@fieldid="pk_fct_ap_plan_table"]//*[contains(@class,"table-body")]//table//tr//*[@fieldid="planmoney"]//input', document).iterateNext()
>  a
<  <input id="test" autocomplete="off" max="100000000000000000000" min="-100000000000000000000" width="120px" attrcode="planmoney" color="#555555" datatype="31" fielddisplayed="refcode" fieldvalued="refpk" itemtype="number" label="计划金额" position="7" title dataindex="planmoney" order="flatscend" ordernum foolvalue="777.00" type="text" class="nc-input number-formcontrol u-form-control md" value="777.00" style="text-align: right;">

如下图所示，可以看到我定位到对应的元素节点了。

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2020/07/07 ，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

评论

登录后参与评论

暂无评论

编辑精选文章

换一批

万字详解高可用架构设计

Go 开发者必备：Protocol Buffers 入门指南

10分钟带你彻底搞懂分布式链路跟踪

多租户的 4 种常用方案

亿级月活的社交 APP，陌陌如何做到 3 分钟定位故障？

60页PPT全解：DeepSeek系列论文技术要点整理

JavaScript 技术篇-js通过xpath获取dom节点，js校验xpath唯一性。

document.evaluate()就是通过xpath获取dom节点。返回的结果通过.iterateNext()可以获得dom对象，每次调用会少一个，当没有时就返回空。

小蓝枣

2020/09/23

7.5K0

XPath元素定位常用的5种方法（相对路径）

find_element_by_xpath("//input[@id='input']") #@后跟属性，可以是任何属性语法：//标签名[@属性名=属性值]1、使用标签名+节点属性定位

Savalone

2022/06/01

12.2K0

全网最全关于selenium webdriver 8大元素定位详解

css selenium https java html

元素的定位应该是自动化测试的核心，想要操作一个元素，首先应该识别这个元素。Webdriver提供了一系列的元素定位方法。

全栈程序员站长

2022/06/29

2K0

全网最全关于selenium webdriver 8大元素定位详解

Java自动化测试 (元素定位 23)

使用脚本断点调试定位是否正确是一个方法，当时在我的实际工作中，元素定位代码的封装较深，所以修改查询元素的内容较麻烦，所以直接使用Xpath Helper可以方便的进行开发前的测试。不管是爬虫爬去页面内容还是自动化测试都很实用。

zx钟

2020/09/04

1.2K0

Java自动化测试 (元素定位 23)

Xpath的常用定位方法及轴定位

https java xslt & xpath 网络安全 html

相信做过selenium UI自动化的朋友都知道，工作中大部分的元素定位都是使用xpath进行定位，所以xpath是UI自动化工作中非常重要的一个环节，所以我单独整理出来一篇博客出来~~希望对大家有帮助~

全栈程序员站长

2022/06/29

2K0

Xpath的常用定位方法及轴定位

🔥《手把手教你》系列基础篇之4-python+ selenium自动化测试-xpath使用（详细教程）

xslt & xpath html xml

俗话说：磨刀不误砍柴工，因此在我们要开始写自动化脚本之前，我们先来学习和了解几个基本概念，在完全掌握了这几个概念之后，有助于我们快速上手，如何去编写自动化测试脚本。

北京-宏哥

2021/07/20

1.2K0

自动化-Selenium 3-元素定位（Python版）

xslt & xpath selenium http html

2.XPath很强悍，但定位性能不是很好，所以还是尽量少用。如果确实少数元素不好定位，那还是选择XPath或cssSelector。

wangmcn

2022/07/22

8K0

自动化-Selenium 3-元素定位（Python版）

《手把手教你》系列技巧篇（十四）-java+ selenium自动化测试-元素定位大法之By xpath上卷（详细教程）

xslt & xpath html xml java css

按宏哥计划，本文继续介绍WebDriver关于元素定位大法，这篇介绍定位倒数二个方法：By xpath。xpath 的定位方法，非常强大。使用这种方法几乎可以定位到页面上的任意元素。

北京-宏哥

2021/08/10

1.4K0

javaWeb核心技术第四篇之Javascript第二篇事件和正则表达式

java javascript web

- 事件 - 表单提交(掌握) "onsubmit" - 单击事件(掌握) "onclick" - 页面加载成功事件(掌握) "onload" - 焦点事件:(掌握) - 获取焦点 "onfocus" - 失去焦点 "onblur" - 表单事件(了解) - ondblclick 双击事件 - onreset; 重置 - onchange; 改变

海仔

2019/08/15

1.2K0

元素定位和定位辅助工具

selenium html ide 自动化

selenium里面有很多东西，第一个就是webdriver，web自动化中主流用的东西，它可以支持非常多的语言。它有个录制工具是selenium ide，短期内一周内有个效果可以用录制，录制是非常简单的。但是正经做项目的时候，是从来不用selenium ide的。

清菡

2020/12/02

1.6K0

[Python从零到壹] 九.网络爬虫之Selenium基础技术万字详解（定位元素、常用方法、鼠标操作）

selenium python html

Selenium是一款用于测试Web应用程序的经典工具，它直接运行在浏览器中，仿佛真正的用户在操作浏览器一样，主要用于网站自动化测试、网站模拟登陆、自动操作键盘和鼠标、测试浏览器兼容性、测试网站功能等，同时也可以用来制作简易的网络爬虫。

Eastmount

2021/12/02

5.4K0

[Python从零到壹] 九.网络爬虫之Selenium基础技术万字详解（定位元素、常用方法、鼠标操作）

《手把手教你》系列技巧篇（十五）-java+ selenium自动化测试-元素定位大法之By xpath中卷（详细教程）

按宏哥计划，本文继续介绍WebDriver关于元素定位大法，这篇介绍定位倒数二个方法：By xpath。xpath 的定位方法，非常强大。使用这种方法几乎可以定位到页面上的任意元素。

北京-宏哥

2021/08/13

3.8K0

《手把手教你》系列技巧篇（十五）-java+ selenium自动化测试-元素定位大法之By xpath中卷（详细教程）

《手把手教你》系列技巧篇（十六）-java+ selenium自动化测试-元素定位大法之By xpath下卷（详细教程）

java xml xslt & xpath

按宏哥计划，本文继续介绍WebDriver关于元素定位大法，这篇介绍定位倒数二个方法：By xpath。xpath 的定位方法，非常强大。使用这种方法几乎可以定位到页面上的任意元素。

北京-宏哥

2021/08/18

2.4K0

《手把手教你》系列技巧篇（十六）-java+ selenium自动化测试-元素定位大法之By xpath下卷（详细教程）

JavaScript（进阶）

.net json 编程算法

正则用来定义一些字符串的规则，程序可以根据这些规则来判断一个字符串是否符合规则，也可以将一个字符串中符合规则的内容提取出来。

神葳

2021/01/22

1.6K0

前端开发JavaScript-巩固你的JavaScript

编程算法 javascript 正则表达式

在javascript中，变量是存储信息的容器，变量存在两种类型的值，即为原始值和引用值。

达达前端

2020/04/02

3.1K0

前端开发JavaScript-巩固你的JavaScript

html & CSS & JavaScript的学习

javascript css html ecmascript 编程算法

一、HTML 1. 概念：是最基础的网页开发语言 * Hyper Text Markup Language 超文本标记语言 * 超文本： * 超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本。 * 标记语言： * 由标签构成的语言。<标签名称> 如 html，xml * 标记语言不是编程语言 2. 快速入门： * 语法： 1. html文档后缀名为.html或者 .htm 2. 标签分为：

Rochester

2020/09/01

6.3K0

JavaScript学习笔记+常用js用法、范例（一）

node.js 编程算法 java javascript 面向对象编程

JavaScript是一种网页编程技术，经常用于创建动态交互网页 JavaScript是一种基于对象和事件驱动的解释性脚本语言，类似C语言和Java的语法事先不编译；逐行执行；无需进行严格的变量声明；内置大量现成对象，编写少量程序可以完成目标不同的浏览器甚至同一浏览器的不同版本对JavaScript的支持程度都不一样

用户6808043

2022/02/24

2.3K0

javaWeb技术第二篇之CSS、事件和案例

<!--内联式 CSS （层叠样式表）编辑层叠样式表(英文全称：Cascading Style Sheets) CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。就是网页的美化技术。入门:如何在html里面使用css html里面的外观命名跟css外观命名会有所有不同。但效果一致 css属性: 属性1：值1;属性2：值2;属性3：值3;... 内联式:对每个元素都进行style进行样式添加. 内部式:在当前html的head的style标签里面添加 <head> <

海仔

2019/08/15

1.3K0

JavaScript基础

一 JavaScript的基础 1.1 JS的引入方式 1 直接编写 <script> alert('hello yuan') </script> 2 导入文件 <script src="hello.js"></script> 1.2 JS的变量、常量和标识符 1.2.1 JS的变量 1 2 3 x=5 y=6 z=x+y 在代数中，我们使用字母（比如 x）来保存值（比如 5）。通过上面的表达式 z=x+y，我们能够计算出 z

用户1214487

2018/01/24

2.1K0

Web前端三剑客学习笔记

html5 html 编程算法 php css

一直没有系统的学习HTML,CSS,JS都是东学一点，西学一点，想着暑假得空，便系统的学习下吧，故于此记录之。

小简

2022/12/29

2.4K0

相关推荐

JavaScript 技术篇-js通过xpath获取dom节点，js校验xpath唯一性。

更多 >

本文部分代码块支持一键运行，欢迎体验

本文部分代码块支持一键运行，欢迎体验