selenium操作隐藏的元素

简介:

 有时候我们会碰到一些元素不可见,这个时候selenium就无法对这些元素进行操作了。例如,下面的情况:

 

Python                                                     

  页面主要通过“display:none”来控制整个下拉框不可见。这个时候如果直接操作这个下拉框,就会提示:

复制代码
from selenium import webdriver
from selenium.webdriver.support.select import Select
import os,time

driver = webdriver.Chrome()
file_path = 'file:///' + os.path.abspath('test.html')
driver.get(file_path)

sel = driver.find_element_by_tag_name('select')
Select(sel).select_by_value('opel')
time.sleep(2)

driver.quit()
复制代码

  exceptions.ElementNotVisibleException: Message: element not visible: Element is not currently visible and may not be manipulated

 

  我们需要通过javaScript修改display的值。

复制代码
……

js = 'document.querySelectorAll("select")[0].style.display="block";'
driver.execute_script(js)

sel = driver.find_element_by_tag_name('select')
Select(sel).select_by_value('opel')

……
复制代码

document.querySelectorAll("select")[0].style.display="block";

  document.querySelectorAll("select")  选择所有的select

  [0] 指定这一组标签里的第几个。

  style.display="block";  修改样式的display="block" ,表示可见。

  执行完这句js代码后,就可以正常操作下拉框了。

 

Java                                                         

   以下为java中的操作

复制代码
package com.jase.base;

import java.io.File;

import org.openqa.selenium.WebDriver;
import org.openqa.selenium.By.ById;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.support.ui.Select;
import org.openqa.selenium.JavascriptExecutor;

public class SelectTest {

    public static void main(String[] args){
        
        WebDriver driver = new  ChromeDriver();
        File file = new File("C:/Users/fnngj/Desktop/test.html");
        String filePath = file.getAbsolutePath();
        driver.get(filePath);
        
         String js = "document.querySelectorAll('select')[0].style.display='block';";
        ((JavascriptExecutor)driver).executeScript(js);
        
        Select sel = new Select(driver.findElement(ById.xpath("//select")));
        sel.selectByValue("opel");
  
    }
}
复制代码

 

目录
相关文章
|
8月前
|
SQL Oracle 关系型数据库
selenium-简单的介绍与操作
selenium-简单的介绍与操作
82 0
|
20天前
|
Web App开发 测试技术
使用selenium轻松实现元素拖拽
本文介绍了如何使用Selenium进行Web自动化测试中的元素拖拽操作。通过`ActionChains`类,我们可以模拟用户拖拽行为,确保测试覆盖到页面布局调整等交互功能。示例代码展示了如何定位元素并执行拖拽,以及在实际场景中改变页面布局的应用。利用Selenium的拖拽功能,可提升自动化测试的真实性和效率。
17 0
|
1月前
|
JavaScript
selenium元素等待及滚动条滚动
selenium元素等待及滚动条滚动
17 2
|
1月前
|
Java 测试技术 Python
Selenium帮助你轻松实现浏览器多窗口操作
Selenium帮助你轻松实现浏览器多窗口操作
75 0
|
3月前
|
Python
python+selenium 判断元素是否存在
python+selenium 判断元素是否存在
30 0
|
3月前
|
测试技术 Python
python使用selenium操作浏览器的教程
python使用selenium操作浏览器的教程
58 1
python使用selenium操作浏览器的教程
|
4月前
selenium对下拉框操作
selenium对下拉框操作
17 0
|
8月前
|
Python
Selenium中操作iframe,别再说你不会了
Selenium中操作iframe,别再说你不会了
108 0
|
8月前
|
Web App开发 JavaScript 测试技术
selenium-等待时间+窗口操作详解+实战
selenium-等待时间+窗口操作详解+实战
145 0
|
8月前
selenium--单选框和复选框的操作
selenium--单选框和复选框的操作