找到具有动态 id 的元素的方法是什么？即使 Xpath & CSS 不工作

【问题标题】：what is the way to locate an element which has dynamic id?? Even if Xpath & CSS is not working找到具有动态 id 的元素的方法是什么？即使 Xpath & CSS 不工作
【发布时间】：2014-09-16 21:26:08
【问题描述】：

我正在使用动态网站，ID 可用于动态 guid。谁能解释我如何编写手动 xpath 来查找网站中的元素？

   <input id="JointInsureds_1e124dce-7492-4315-b1d8-7b806babd994__ForeName" 
        type="text" 
        value="" name="JointInsureds[1e124dce-7492-4315-b1d8-7b806babd994].ForeName"   
        maxlength="20"
        data-val-required="The First Name field is required." 
        data-val-length-max="20" 
        data-val-length="The field First Name must be a string with a maximum length of 20." 
        data-val="true"/>

【问题讨论】：

你尝试过像contains这样的XPath函数吗？

标签： selenium webdriver

【解决方案1】：

借助 CSS，您可以使用：

input[id^='JointInsureds'][$='ForeName']

在 CSS 中，您可以使用以下方式处理动态元素：

*=  - contains
^=  - starts with
$=  - ends with
~=  - contains (space seperated)

使用 XPath，您可以使用：

//input[starts-with(@id, 'JointInsureds')][ends-with(@id, 'ForeName')]

（不要在 xpath 上引用我，它可能需要一些修改。我已经有好几年没有使用它了，因为 css 完全能够完成这样的任务）

【讨论】：