Selenium Java点击Mega Menu触发StaleElementReferenceException求助

我写了一段Selenium Java代码，用来获取导航栏中所有Mega Menu及下拉菜单的名称与链接。现在需要点击所有Mega Menu和下拉菜单后继续执行，但调用.click()方法时出现**StaleElementReferenceException（失效元素引用）**错误，求解决。

报错信息 #

org.openqa.selenium.StaleElementReferenceException: stale element reference: stale element not found
（中文翻译：失效元素引用异常：找不到已失效的元素）

相关代码 #

public static void DropdownItemsDetails(List<WebElement> itemLists) {
            for (int j = 0; j < itemLists.size(); j++) {
                WebElement dropdownItem = itemLists.get(j);

                // Get the dropdown item text and link
                String dropdownItemText = dropdownItem.getText();
                String dropdownItemLink = dropdownItem.getAttribute("href");

                // Print the link and name
                System.out.println("Dropdown Item: " + dropdownItemText);
                System.out.println("Dropdown Item Link: " + dropdownItemLink);
            }
        }
public static void countAndRetrieveNavbarItems() {
            // xpath for mega menu.
            List<WebElement> megaMenuXpath = driver.findElements(By.xpath("//div[contains(@class, 'navbar')]//a[contains(@class, 'menu')]"));

            // hover object creation
            Actions actions = new Actions(driver);

            // total navbar items
            int megaMenuCount = megaMenuXpath.size();
            System.out.println("Total Mega Menu Items: " + megaMenuCount + "\n*************************");

            // Iterate through both navbar items and dropdown items
            for (int i = 0; i < megaMenuCount; i++) {
                System.out.println("==========================================================================================================");
                WebElement megaMenuItem = megaMenuXpath.get(i);
                // Perform hover action on the navbar item
                actions.moveToElement(megaMenuItem).perform();
                // Get the navbar item text and link
                String navbarItemText = megaMenuItem.getText();
                String navbarItemLink = megaMenuItem.getAttribute("href");
                System.out.println("MegaMenu Name: " + navbarItemText +"\n==============");
                System.out.println("MegaMenu Link: " + navbarItemLink+"\n==============");

                // Check if the dropdown is present for the current navbar item
                try {
                    WebElement dropdownContent = megaMenuItem.findElement(By.xpath(".//following-sibling::div[contains(@class, 'dropdown-content')]"));
                    if (dropdownContent != null) {
                        // Get all the dropdown items
                        List<WebElement> dropdownItems = dropdownContent.findElements(By.tagName("a"));
                        System.out.println("Dropdown item count: "+dropdownItems.size()+ "\n*************************");
                        //get dropdown details
                        DropdownItemsDetails(dropdownItems);
                    }
                } catch (NoSuchElementException e) {
                    // Dropdown not present, continue with the next navbar item
                    System.out.println("No dropdown for this menu: "+navbarItemText);
                    continue;
                }
                // if end validation
            } // for end navbar item
        }

解决方案 #

StaleElementReferenceException的核心原因是：初始获取的megaMenuXpath列表中的元素，在页面DOM更新（比如点击菜单触发重渲染、元素重新生成）后，原WebElement引用已失效，无法再操作。

具体修复步骤： #

1. 循环时重新定位Mega Menu元素
   不要一次性获取所有Mega Menu元素缓存后循环，而是每次循环时重新定位当前索引的元素，避免引用失效。修改countAndRetrieveNavbarItems方法：

   public static void countAndRetrieveNavbarItems() {
       Actions actions = new Actions(driver);
       WebDriverWait wait = new WebDriverWait(driver, Duration.ofSeconds(10));
   
       // 先获取总数，循环时重新定位每个元素
       int megaMenuCount = driver.findElements(By.xpath("//div[contains(@class, 'navbar')]//a[contains(@class, 'menu')]")).size();
       System.out.println("Total Mega Menu Items: " + megaMenuCount + "\n*************************");
   
       for (int i = 0; i < megaMenuCount; i++) {
           System.out.println("==========================================================================================================");
           // 每次循环重新定位当前Mega Menu，添加显式等待确保元素可用
           WebElement megaMenuItem = wait.until(ExpectedConditions.elementToBeClickable(
               By.xpath("(//div[contains(@class, 'navbar')]//a[contains(@class, 'menu')])[" + (i+1) + "]")
           ));
           
           actions.moveToElement(megaMenuItem).perform();
           String navbarItemText = megaMenuItem.getText();
           String navbarItemLink = megaMenuItem.getAttribute("href");
           System.out.println("MegaMenu Name: " + navbarItemText +"\n==============");
           System.out.println("MegaMenu Link: " + navbarItemLink+"\n==============");
   
           try {
               WebElement dropdownContent = wait.until(ExpectedConditions.visibilityOfElementLocated(
                   By.xpath(".//following-sibling::div[contains(@class, 'dropdown-content')]")
               ));
               List<WebElement> dropdownItems = dropdownContent.findElements(By.tagName("a"));
               System.out.println("Dropdown item count: "+dropdownItems.size()+ "\n*************************");
               DropdownItemsDetails(dropdownContent, i);
           } catch (NoSuchElementException | TimeoutException e) {
               System.out.println("No dropdown for this menu: "+navbarItemText);
               continue;
           }
       }
   }
   

2. 处理下拉项点击后的DOM变化
   点击下拉项后若页面跳转或DOM更新，原下拉项引用会失效。可先存储下拉项的文本和链接，再通过存储的数据重新定位元素或直接访问链接：

   public static void DropdownItemsDetails(WebElement dropdownContent, int currentMenuIndex) {
       WebDriverWait wait = new WebDriverWait(driver, Duration.ofSeconds(10));
       Actions actions = new Actions(driver);
   
       // 每次循环重新获取下拉项，避免引用失效
       List<WebElement> dropdownItems = dropdownContent.findElements(By.tagName("a"));
       for (int j = 0; j < dropdownItems.size(); j++) {
           WebElement dropdownItem = wait.until(ExpectedConditions.elementToBeClickable(
               By.xpath("(//div[contains(@class, 'dropdown-content')]//a)[" + (j+1) + "]")
           ));
           
           String dropdownItemText = dropdownItem.getText();
           String dropdownItemLink = dropdownItem.getAttribute("href");
           System.out.println("Dropdown Item: " + dropdownItemText);
           System.out.println("Dropdown Item Link: " + dropdownItemLink);
   
           // 点击下拉项，若跳转则返回原页面并重新展开菜单
           dropdownItem.click();
           driver.navigate().back();
           
           // 重新展开当前Mega Menu
           WebElement currentMegaMenu = wait.until(ExpectedConditions.elementToBeClickable(
               By.xpath("(//div[contains(@class, 'navbar')]//a[contains(@class, 'menu')])[" + (currentMenuIndex+1) + "]")
           ));
           actions.moveToElement(currentMegaMenu).perform();
           // 重新获取下拉容器
           dropdownContent = wait.until(ExpectedConditions.visibilityOfElementLocated(
               By.xpath(".//following-sibling::div[contains(@class, 'dropdown-content')]")
           ));
       }
   }
   

3. 添加显式等待
   所有元素定位前添加显式等待，确保元素处于可交互/可见状态，避免DOM未加载完成就操作。

内容的提问来源于stack exchange，提问作者Sameer Mohsin