selenium - - Element ＜li＞...＜/li＞ is not clickable at point (897, 400)问题

问题描述

今天在使用selenium的时候，我们碰到了一个现象，就是我们的可点击的元素并不能点击，报错如下
 

selenium.common.exceptions.ElementClickInterceptedException: Message: element click
intercepted: Element <li>...</li> is not clickable at point (897, 400). Other element would
receive the click: <div id="right_nav" class="nav oh">...</div>
  (Session info: chrome=99.0.4844.51)

我们来分析下错误，说的大概的意思是我们找到了相对应的li元素，但是li元素是不可以点击的，另外一个元素div id="right_nav"的元素被点击到了，我们打开网站分析下，是怎么回事？

​

我们使用selenium打开网页的时候，我们想要点击的是绿色框选中的部分，我们打开网页检查下源码，

​

我们发现其实是有个右边的导航栏，他的范围遮挡住了我们要去点击的元素，所以我们在点击我们的li元素的时候，点中了上一层的div元素，这个就是出现错误的根本原因

解决办法

第一种

• 我们尝试将屏幕拉大的过程中，我们可以看到的覆盖在li上的div的面积逐渐变小，那么我们可以尝试将屏幕放到最大`dr.maximize_window()`

​

我们发现遮挡部分的面积为零，我们尝试使用程序点击

from selenium import webdriver
from loguru import logger
from time import sleep
from selenium.webdriver import ActionChains
logger.add('log.txt')

dr = webdriver.Chrome("./chromedriver.exe")
dr.maximize_window()
dr.get('https://jwc.glut.edu.cn/')

# sleep(2)
q = dr.find_element_by_xpath('//div[@class="fr tilink"]/ul/li[1]').click()
sleep(2)
dr.quit()

我们发现点击是可以成功发生的

非通用型做法：因为我们最大化窗口是随着我们屏幕的分辨率进行同步的，我们的屏幕的大小如果比较小的话，依旧还会发生遮挡，点击不到的情况，不是通用的解法

第二种

• 我们可以将遮挡元素进行进行删除，删除元素后我们就能点击到我们想点击的元素
• 关键点：使用selenium删除元素

d=dr.find_element_by_xpath("//*[@id='right_nav']")

dr.execute_script('arguments[0].remove()', d)

 我们发现遮挡元素删除成功

 

from selenium import webdriver
from loguru import logger
from time import sleep
from selenium.webdriver import ActionChains
logger.add('log.txt')

dr = webdriver.Chrome("./chromedriver.exe")
dr.get('https://jwc.glut.edu.cn/')

d=dr.find_element_by_xpath("//*[@id='right_nav']")
dr.execute_script('arguments[0].remove()', d)
sleep(2)
q = dr.find_element_by_xpath('//div[@class="fr tilink"]/ul/li[1]').click()
sleep(2)
dr.quit()

我们发现点击是可以成功发生的

通用型做法：因为我们将遮挡的元素直接删除了，所以无论是否最大化窗口，屏幕的大小如何，我们都是可以访问的到元素的位置的，所以是一种比较通用的解决手段。