Selenium中execute_script点击报错及ActionChains可行原因咨询

Great question—let’s break down exactly why these two methods behave differently in your Leaflet map scraping scenario.

Why ActionChains resolves the overlapping element click issue #

Leaflet maps often have overlapping interactive elements (like markers or shape layers), and the core problem with your initial node.click() approach is that it tries to trigger a click directly on the element without accounting for how Leaflet handles user interaction states. Here’s why ActionChains works:

• Simulates real user behavior: ActionChains(driver).move_to_element(node).click().perform() mimics how a human would interact with the map: first moving the mouse to hover over the element, then clicking. Leaflet’s JavaScript listens for mouseover events, and when triggered, it will typically bring the hovered element to the top of the visual stack (adjusting z-index or rendering priority) to ensure it’s the target of subsequent clicks. This avoids the ElementClickInterceptedException because the element is no longer blocked.
• Handles dynamic element states: Some Leaflet elements only activate their clickable state when hovered. By moving to the element first, you trigger any underlying JS that enables the element’s interactivity, making the subsequent click valid.

Your working ActionChains code effectively works around Leaflet’s interactive layer logic by mirroring real user actions.

Why driver.execute_script('arguments[0].click();', element) failed #

The JavascriptException: arguments[0].click is not a function error points to a few possible issues specific to your loop:

1. Stale Element References: As you interact with the map (opening popups, clicking elements), Leaflet may re-render parts of the DOM. Some elements in your initial nodes list could become "stale"—meaning the DOM element Selenium was referencing no longer exists. When you pass this stale reference to execute_script, it’s no longer a valid HTMLElement, so it doesn’t have a click() method.
2. Non-clickable element types: The leaflet-interactive class is applied to a range of elements in Leaflet, including SVG path elements or group elements that don’t have a native click() method (unlike button or div elements). Your single successful test might have targeted a valid clickable element, but the loop encountered a non-HTMLElement node that lacks the click() function.
3. Selenium vs. native JS click differences: Selenium’s node.click() method includes built-in checks to ensure the element is visible, enabled, and in the viewport before triggering a click. The execute_script approach skips these checks and tries to call the native JS click() directly, which fails if the element isn’t in a valid state for JS-level interaction.

Note that the zoom buttons worked because they’re static, simple HTML elements with a clear, native click() method—no dynamic re-rendering or non-standard element types involved.

Recap of your working code (for reference) #

# import packages
from selenium import webdriver
from selenium.common.exceptions import ElementClickInterceptedException
from selenium.webdriver.common.action_chains import ActionChains
from time import sleep
# setup drivers
PATH = "/Applications/chromedriver"
driver = webdriver.Chrome(PATH)
driver.implicitly_wait(10) # seconds
driver.get("https://collegecrisis.shinyapps.io/dashboard/")
# find all class elements =leaflet-interactive
nodes = driver.find_elements_by_class_name("leaflet-interactive")
# use actionchains
nodelist = []
# loop through each node
for node in nodes:
    ActionChains(driver).move_to_element(node).click().perform() # Used actionchains class to click to open popup
    sleep(.5)
    nodelist.append(driver.find_element_by_class_name('leaflet-popup-content').text)
    ActionChains(driver).move_to_element(node).click().perform() #click to close popup

内容的提问来源于stack exchange，提问作者Kamila Ambro