Selenium操作隐藏的元素

在工作中我们会遇到一些隐藏的元素，那么selenium就会无法操作这些元素了，例如像这样：

 我试着像以前操作一样，写了代码，操作之后报错：selenium.common.exceptions.NoSuchElementException: Message: Could not locate element with visible text: male

解决方法：

我们可以通过js来使元素可见，代码如下：

# document.querySelectorAll("select")  选择所有的select。
# [1] 指定这一组标签里的第2个。
# style.display="block";  修改样式的display="block" ,表示可见。

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

再举一个例子，该例子是输入框隐藏了；具体HTML如下:

    
        
        
        
        
        
    



  请输入网站:
  跳转

python实现方式一：

# 1. 确定js
js = "document.getElementById('urlAdd').value = 'https://baike.baidu.com/'"
# 2. 执行js
driver.execute_script(js)
# 点击跳转
driver.find_element_by_id("ok").click()
time.sleep(5)

python实现方法二：

# 1. 确定js
js = 'document.getElementById("urlAdd").style.display="block";'
# 2. 执行js
driver.execute_script(js)
driver.find_element_by_id("urlAdd").send_keys("https://www.baidu.com")

# 点击跳转
driver.find_element_by_id("ok").click()
time.sleep(5)

假如面试官问我们如何定位隐藏元素以及如何操作？

回答：定位元素的话，直接用普通的定位方法即可，只是在操作元素上有些差异，需要用js去进行操作。