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

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

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

image.png

通过 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;​">​

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

image.png

喜欢的点个赞❤吧!

目录
相关文章
|
9天前
|
JavaScript 前端开发
JavaScript基础知识-方法
文章通过示例代码讲解了JavaScript中如何给对象添加方法以及如何调用这些方法。
13 2
JavaScript基础知识-方法
|
9天前
|
JavaScript 前端开发
JavaScript基础知识-数组的常用方法
关于JavaScript基础知识-数组的常用方法。
9 1
JavaScript基础知识-数组的常用方法
|
2天前
|
JavaScript 前端开发
js怎么定位不同的页面元素
在JavaScript中,有多种方法定位和选择页面元素。
|
7天前
|
前端开发 JavaScript
前端ES5 | js —添加元素方法
前端ES5 | js —添加元素方法
|
11天前
|
Java 开发者 关系型数据库
JSF与AWS的神秘之旅:如何在云端部署JSF应用,让你的Web应用如虎添翼?
【8月更文挑战第31天】在云计算蓬勃发展的今天,AWS已成为企业级应用的首选平台。本文探讨了在AWS上部署JSF(JavaServer Faces)应用的方法,这是一种广泛使用的Java Web框架。通过了解并利用AWS的基础设施与服务,如EC2、RDS 和 S3,开发者能够高效地部署和管理JSF应用。文章还提供了具体的部署步骤示例,并讨论了使用AWS可能遇到的挑战及应对策略,帮助开发者更好地利用AWS的强大功能,提升Web应用开发效率。
36 0
|
Web App开发 JavaScript 数据安全/隐私保护
|
Web App开发 JavaScript .NET
javascript客户端检测技术
原文:javascript客户端检测技术 javascript客户端检测技术  1. Firefox    Gecko是firefox的呈现引擎。当初的Gecko是作为通用Mozilla浏览器一部分开发的,而第一个采用Gecko引擎的浏览器是Netscape6; 我们可以使用用户代理检测下:如下JS代码: var ua = navigator.
1140 0
|
2月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
69 2
|
2月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
62 4
|
2月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的宠物交易平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物交易平台附带文章源码部署视频讲解等
54 4