selenium 点击 display：none元素解决方法汇总

最新推荐文章于 2025-07-10 16:01:14 发布

原创最新推荐文章于 2025-07-10 16:01:14 发布 · 置顶 · 1.1w 阅读

46 ·

CC 4.0 BY-SA版权

文章标签：

#selenium #python #display:none

python和测试工具专栏收录该内容

15 篇文章

订阅专栏

本文分享了在Selenium自动化测试中，针对display:none状态的元素无法直接点击的问题，提供了三种解决方案，包括鼠标悬停、键盘事件触发及执行JS代码使其可见再点击，最后一种方法成功解决了案例中的难题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

selenium +python点击 display：none元素解决方法汇总

以下方法，我的问题是用第三种方法解决的，希望对各位同学有所帮助

<div>
	<div class="login_btn" style="background: url(&quot;/static/images_login/btn_sign_in_normal.png&quot;) 0% 0% / 100% 100%;"></div>
	<div class="login_btn" style="background: url(&quot;/static/images_login/btn_sign_in_pressed.png&quot;) 0% 0% / 100% 100%; display: none;"></div>
</div>

登录按钮是一个图片，移动到元素上有效果，开发的代码逻辑是通过hover改变display的block和none来实现效果。

display:none——隐藏元素并脱离文档流，即隐藏时不占用空间。

在我用selenium去点击的时候就出现了点击不了的情况

我尝试了网上通用的方法

1、先用鼠标移动到元素，在进行点击，对于我这种情况不适用。

#部分代码
from selenium.webdriver.common.action_chains import ActionChains

action = ActionChains(driver)
above = driver.find_element_by_xpath("//div[@class='login_btn']")
action.move_to_element(above).perform()

2、通过键盘的enter点击。
这里使用的是键盘事件Key,ENTER，这种方法适用于绑定了ENTER事件的情况

#部分代码
from selenium.webdriver.common.keys import Keys

driver.find_element_by_xpath("//div[2][@class ='login_btn']").send_keys(Keys.ENTER)

3、通过执行JS代码让元素显示出来（上述问题通过本方法解决）
通过自带的方法execute_script来执行JS让元素显示出来

#部分代码
js="document.getElementsByClassName('login_btn')[1].style.display='block'"
driver.execute_script(js)
driver.find_element_by_xpath("//div[2][@class='login_btn']").click()