`

关于隐藏元素和多个元素的定位

阅读更多
一. 关于隐藏元素
   相信大家都碰到过定位一个当前hidden的元素。看到了很多方法,先总结一下,比较通用的肯定还是用JavascriptExecutor接口的方法了:
JavascriptExecutor js = (JavascriptExecutor) driver; 
   String myjs="document.getElementById('ctl00_c_NewMenu|1').click();";
   js.executeScript(myjs);
或者有值输入的可以这样
JavascriptExecutor js = (JavascriptExecutor) driver;
                        js.executeScript("arguments[0].value='2014-01-10';", driver
                                        .findElement(By.id("Search_EndTime")));
   具体JS脚本的写法也有很多了,可以多学习下JS的语法,句法等。在此因为主要是想写关于selenium的博客,暂且不多赘述了。

二. 关于多个元素
   关于多个元素,最常见的,可以利用Xpath定位器定位其所在节点的父节点,祖父节点或利用子节点定位,具体关于Xpath,我想分享下Selenium中文论坛的教程,地址如下:
1.
http://www.seleniumcn.cn/read.php?tid=7973
2.
http://www.seleniumcn.cn/read.php?tid=7982

   在这里我只讲一个最简单的例子好了,就是我们在定位多个元素,但多个元素有同一属性的时候,我们可以用一些XPath表达式去定位元素。例如,多个输入框:先用driver.findElements方法先把元素装到List里面取,然后,我们用//div[input][label][input]且满足//input[@type='text']的元素值,这样我们就可以把页面所有满足此条件的元素得到了。
List<WebElement> InputFields=driver.findElements(By.xpath("//div[input][label][input]//input[@type='text']"));
   然后我们给这些元素sendKeys就方便多了,
String [][] tab2=CMD1_getExcel_Step3(cmd,method);//The method to get array list tab2
for(int i=0;i<tab2.length;i++)
{
for(int j=0;j<tab2[j].length;j++)
{
        InputFields.get(i).sendKeys(tab2[i][j]);
}
}
分享到:
评论

相关推荐

    CSS元素的浮动与定位综合案例3.pdf

    4. **隐藏元素(Display: none)**:用于隐藏某些内容,如在此案例中隐藏标题和文本信息。 5. **负边距(Negative Margins)**:用于调整元素的位置,可以创建出视觉上的间距效果。 6. **字体和颜色样式**:通过`...

    CSS元素的浮动与定位综合案例2.pdf

    这种设计思路在实际网页设计中非常常见,尤其是在处理包含多个模块和需要特定布局效果的页面时。通过理解和实践这样的案例,开发者可以提高在CSS布局方面的技能,以创建更具吸引力和功能性的网页。

    CSS让子容器超出父元素(子容器悬浮在父容器效果)

    前言 有时候,我们需要如下图这样一个悬浮效果需求: 实现 在标准的正常的情况下,只能使用 绝对定位 来完成。 第一步:父容器定位设置为 relative(相对.../*父元素&gt;相对定位*/ } #b{ width: 150px; height:50px;

    多个iframe,显示其中一个frame中的div,并处于最上层显示

    在网页设计和开发中,有时候我们需要处理多个`iframe`(内联框架)并实现特定的交互效果,例如只显示其中一个`iframe`中的`div`元素,并确保它在所有其他元素之上,即处于最上层显示。这样的需求通常出现在需要创建...

    借助css定位实现动态关联的一个例子

    这些工具可以帮助我们实时查看和修改元素的CSS属性,快速定位问题并进行调试。 总之,理解和掌握CSS定位是前端开发中不可或缺的部分。通过灵活运用各种定位方式,我们可以创建出丰富的用户界面和动态交互效果,提高...

    HTML5&CSS3网页制作:固定定位.pptx

    4. **滚动效果**:在滚动到特定点时显示或隐藏元素,常用于创建视觉上的焦点。 了解并熟练掌握固定定位是成为一名优秀前端开发者的基础,它能帮助你创造出更具交互性和用户体验的网页。记住,合理使用定位可以提升...

    利用层精确定位网页元素PPT学习教案.pptx

    【网页元素精确定位——利用层技术】 网页设计中,元素的精确布局是至关重要的,尤其是在复杂的页面设计中。传统的HTML 2.0时代,设计师主要依赖表格进行页面元素的定位,但随着网页复杂性的提升,这种方法变得...

    DIV+CSS的布局元素.pdf

    通过display属性,可以互换块级和行内元素的行为,例如将行内元素变为块级(display:block)或隐藏元素(display:none)。 三、清除clear:当元素前后有浮动元素时,clear属性用于控制元素是否跨越这些浮动元素。...

    DIV CSS的布局元素汇总.pdf

    `none`则隐藏元素,不占用任何空间。此外,还有`inline-block`、`flex`和`grid`等高级显示模式,用于创建更灵活的布局。 **3. 清除(clear)** `clear`属性用于处理浮动元素的影响。`clear:both`防止元素跟随在其...

    CSS中的元素定位方法详解

    常见的值有block(块级元素,如div)、inline(行内元素,如span)、inline-block(同时具备块级和行内元素特性)、none(隐藏元素,不占用空间)等。此外,还有flex和grid值,用于创建弹性布局和网格布局。 3. ...

    jQuery多元素组合动画滑动幻灯片.zip

    1. **HTML结构**:幻灯片的基础是HTML布局,通常包含一个容器元素和多个内容块。内容块可以是图片、文本或其他HTML元素。每个内容块需要通过特定的类名或ID来标识,以便于jQuery选择和操作。 2. **CSS样式**:CSS...

    1个js实现同页多个滑动门-鼠标滑过点击双切换

    总之,"1个js实现同页多个滑动门-鼠标滑过点击双切换"是一个关于网页交互设计的话题,它涉及到CSS布局和JavaScript事件处理。通过理解滑动门的基本原理,编写合适的JavaScript代码,我们可以轻松地在同一个页面上...

    第7章 文档元素.pdf

    在HTML5中,一个页面可以包含多个header元素,但它们通常位于section或者article元素的起始处。 2. footer元素:与header元素相对应,定义了页面或文档的尾部区域。尾部可能包含版权声明、相关链接等信息。它同样...

    elementUI滚动条,点击dom元素滚动到指定位置.pdf

    ElementUI 滚动条点击 DOM 元素滚动到指定位置的实现细节需要考虑多个方面,包括滚动条的状态、事件处理函数和动画效果。通过使用 ElementUI 的滚动条组件和 Vue.js 的 Composition API,我们可以快速实现滚动条的...

    纯css 右下角定位_并结合js实现关闭功能(兼容多浏览器).zip

    在本项目中,我们主要探讨如何使用纯CSS实现右下角定位,并且结合JavaScript来添加一个关闭功能,确保这个功能在多个浏览器上都能正常工作。这个主题涉及到前端开发中的两个重要技术:CSS样式布局和JavaScript交互。...

    jquery页面定位导航

    在这个“jQuery 页面定位导航”项目中,我们将探讨如何利用 jQuery 实现一个高效且用户友好的页面定位导航效果。 首先,我们需要理解页面定位导航的基本概念。这种导航通常包括一个菜单或侧边栏,其中包含了页面上...

    Jquery右下角弹出框提示,多个提示向上叠加

    对于“Jquery右下角弹出框提示,多个提示向上叠加”这一主题,我们可以深入探讨如何利用 jQuery 创建位于页面右下角的弹出提示框,并实现当有多个提示时,它们会向上叠加显示。 首先,我们需要创建一个基本的 HTML ...

    通过jquery控制tab,支持多个tab共存

    通过jQuery控制tab,实现多个tab共存的知识点详解 在现代网页设计中,tab(标签页)组件是一种常见的用户界面元素,用于组织和展示不同类别的内容,提供更直观、简洁的用户体验。本文将深入探讨如何利用jQuery库来...

    最新大厂前端面试题-面试指南css篇面试题.docx

    本文将详细讲解 CSS 相关知识点,涵盖 CSS 初始化、margin 重合问题、盒模型问题、隐藏元素问题等多个方面。 考点 1:初始化样式问题 CSS 初始化是指开发者对浏览器的默认样式进行重置。这样做的目的是为了解决...

    jQuery实现带控制按钮的图片滚动特效(可多个)

    jQuery的核心特性包括选择器(用于快速定位DOM元素)、链式调用(使代码更简洁)、DOM操作(如添加、删除、修改元素)以及事件处理。在这个特效中,jQuery的选择器将用来找到图片和控制按钮,DOM操作则用于在适当的...

Global site tag (gtag.js) - Google Analytics