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

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()