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

最新推荐文章于 2025-04-11 10:40:38 发布

挣扎的蓝藻

最新推荐文章于 2025-04-11 10:40:38 发布

阅读量9.9k

点赞数 7

分类专栏： JS Web前端文章标签： js用xpath定位元素 web端自动化

本文链接：https://blog.csdn.net/qq_38161040/article/details/106838644

版权

Web前端同时被 2 个专栏收录

55 篇文章

订阅专栏

39 篇文章

订阅专栏

本文介绍了一种使用XPath路径定位网页元素的方法，通过document.evaluate结合iterateNext方法，精准定位到指定的输入框元素，如计划金额输入框，展示了XPath在网页抓取和自动化测试中的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我先写好一段 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;">