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

时间:2022-07-25
本文章向大家介绍JavaScript 技术篇 - js通过xpath路径定位元素方法,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

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

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