前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JavaScript 技术篇 - js通过xpath路径定位元素方法

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

作者头像
小蓝枣
发布2020-09-24 10:00:23
7.6K0
发布2020-09-24 10:00:23
举报
文章被收录于专栏:CSDN博客专家-小蓝枣的博客

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

在这里插入图片描述
在这里插入图片描述

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

代码语言:javascript
复制
>  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 删除。

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档