Selenium之当鼠标悬浮时隐藏的元素才出现

在自动化过程中,有些导航按钮只有当鼠标悬浮在登录信息上时,它才能出现。这时候如果想要点击导航按钮直接用selenium的webDriver是无法定位的元素的,因为这些元素是隐藏的,只有鼠标悬浮时才出现,所以要记录一下,给大家一个参考

Actions action = new Actions(driver);     
            WebElement nav=driver.findElement(By.xpath("/html/body/div[1]/div/div[1]/div[2]/div/ul/li/a/span"));
            //if found the link, then hover over the link to display the menu.
            if(nav.isDisplayed()){
                System.out.println("found=================");
                action.moveToElement(nav).build().perform();
            }
            
    //        action.moveToElement(nav).moveByOffset(3, 3).build().perform();
            //click the displayed menu
    //        driver.findElement(By.xpath("/html/body/div[1]/div/div[1]/div[2]/div/ul/li/ul/li[2]/a")).click();  
            //click the logout menu via js
            JavascriptExecutor js = (JavascriptExecutor) driver;
            WebElement logout=driver.findElement(By.xpath("//a[contains(@href, ‘/GlobalDataTaxonomy/user/signout‘)]"));  
    //        String myjs="$(‘//a[contains(@href, ‘/GlobalDataTaxonomy/user/signout‘)]‘).click();";
            js.executeScript("arguments[0].click();",logout);    
            driver.close();

时间: 2024-11-05 14:37:54

Selenium之当鼠标悬浮时隐藏的元素才出现的相关文章

用JS去设置HTML页面鼠标悬浮时改变背景图片

首先将每一个li上面添加一个移入事件onmouseover;在悬浮事件里面设置event事件源 JS样式里首先应该找到页面里的ul 然后在ul里面的所有li var ln = bg.querySelectorAll("li"); 在移入函数中获取触发事件元素    var leg = e.target;//获得触发事件元素   target 事件属性可返回事件的目标节点(触发该事件的节点), 在循环里面初始化背景图片 设置鼠标悬浮时背景图片 event事件源触发了鼠标悬浮事件 如果在初

java+selenium+new——模拟鼠标悬浮操作——action类

package rjcs; import java.util.*; import org.openqa.selenium.WebElement; import org.openqa.selenium.firefox.FirefoxDriver; import org.openqa.selenium.interactions.Actions; import org.openqa.selenium.support.ui.Select; public class xinkaishi { public

css实现table中td单元格鼠标悬浮时显示更多内容

table中,td单元格无法显示下全部内容,需要在鼠标hover时显示全部内容. 正常显示样式: 鼠标hover时: html: <td>displayAddress<span class="tdtip">popAddress</span></td> css: td{ position:relative; z-index:2; } td:hover{ z-index:3; background:none; } td .tdtip { di

[vB.NET]为控件添加鼠标悬浮时的提示气泡

实例代码: 1 Dim k As ToolTip 2 3 k = New ToolTip() 4 k.AutoPopDelay = 3000 '显示出气泡后的延时时间(毫秒) 5 k.InitialDelay = 50 '出现前的延时(毫秒) 6 k.ToolTipTitle = "提示" '提示信息标题 7 k.SetToolTip([控件名], "按D键删除选定项") '提示信息内容

鼠标经过图片时图片上出现文字,鼠标移出时隐藏(通俗版) -《狗嗨默示录》-

<script type="text/javascript"> $(".news_con_col").mouseover(function(){ $(this).find(".bg-hover").show(); }); $(".news_con_col").mouseout(function(){ $(this).find(".bg-hover").hide(); }); </scrip

导航鼠标悬浮时底部边框从中间往两边移动效果

.ui-box { text-decoration:none; position:relative; padding:10px } .bottom-inOutSpread:after{ content:''; position:absolute } .bottom-inOutSpread:after { border-bottom:2px solid #333; left:51%; right:51%; bottom:0px; transition: all .2s; } .bottom-inO

利用javaScript实现鼠标在文字上悬浮时弹出悬浮层

在人人,CSDN等一些网站,当鼠标在某个东西上悬浮时,会弹出一个悬浮层,鼠标移开悬浮层消失.比如说CSDN的通知(应该是进入写新文章的页面后页面上方的那个铃铛),具体是什么实现的呢?上代码: <!doctype html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>TEST</title&

CSS实现DIV感应鼠标Hover时的显示隐藏效果

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS实现DIV感应鼠标Hover时的显示隐藏效果</title> <style> .wrap{} .wrap .box{border:2px solid red;width:200px;height:200px;float:left;margi

鼠标悬浮标签显示提示内容

1.鼠标悬浮显示内容,可直接在标签里加个title 2.js实现 在标签里定义id 鼠标onmouseover 属性在鼠标指针移动到元素上时触发showstatus(id)函数 鼠标onmouseout 属性在鼠标指针移动到元素外时触发hiddenstatus(id)函数 例:<p id="pid" onmouseover="showstatus(this.id)"  onmouseout="hiddenstatus(this.id)"&g