UI-elemwent 前端框架元素定位之下拉框

1.UI-element框架元素很多是根据js生成的,就会出现一种问题。使用相对定位元素,定位一个输入框元素会出现多个元素的情况(这个应该是大部分人头疼的)

UI-elemwent 前端框架元素定位之下拉框

 

 

2.那么使用绝对定位呢,比如一个div标签会在你鼠标滑动页面的时候多出来一个div标签,这个时候绝对定位就不准(这个截图没有截)

 

3.现在回到我们下拉框的定位上面。通常的想法应该是,点点击下拉框,拉取下拉框选择列表,随机选择

问题就会出现在一个页面多个下拉框,下拉框的ul-li元素就会出现所有的个数

UI-elemwent 前端框架元素定位之下拉框

 

 好家伙,这个时候又不能取下标定位到(有兴趣的可以去试一下)

 

最后,这里我使用绝对定位在里面的元素。然后就发现了第一点出现的问题,所以按照你的代码运行步骤去定位,不要点击到其他元素才能正确做到这个下拉框列表的元素定位

最后得到://*[@id="el-popover-318"]/div/div[3]/div/div[2]/div/div[1]/ul/li[2]

我们需要改的是li[2]的角标就可以

想到的就是可以通过字符串进行拼接,修改这个角标

UI-elemwent 前端框架元素定位之下拉框

 

 到这里了,我们再将这个元素带入,click一下试试

UI-elemwent 前端框架元素定位之下拉框

 

 这样子就出来了耶

UI-elemwent 前端框架元素定位之下拉框

上一篇:python3 类的属性、方法、封装、继承及小实例


下一篇:EL表达式