消息：元素在 Python Selenium 中不可交互

Question

I would like to click on load more button to show all 347 products, however it returns Message: element not interactable, any idea how can i fix it?

load more button

from selenium import webdriver
driver=webdriver.Chrome('e:/Users/fungc1/Documents/chromedriver.exe')
from selenium.webdriver.chrome.options import Options
import time
from selenium.webdriver.common.action_chains import ActionChains
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.common.by import By
from selenium.webdriver.common.action_chains import ActionChains
options=Options()


url= "https://www.toysrus.com.sg/lego"
driver.get(url)

while True:
    try:
                                        
        btn = driver.find_element_by_xpath("//*[name()='use' and @*='#chevron-circle-thin']")
        btn.click()
    except Exception as e:
        print(e)
        break

Answer 1

The thing is you would need to scroll till end of page to let selenium know where is the button in view point.

Code:

driver.get("https://www.toysrus.com.sg/lego/")
sleep(5)
driver.execute_script("var scrollingElement = (document.scrollingElement || document.body);scrollingElement.scrollTop = scrollingElement.scrollHeight;")
wait.until(EC.element_to_be_clickable((By.CSS_SELECTOR, "button.btn[data-url*='www.toysrus.com']"))).click()
print("Clicked on ")

Update 1:

driver = webdriver.Chrome("C:\\Users\\***\\Desktop\\Selenium+Python\\chromedriver.exe")
driver.maximize_window()
wait = WebDriverWait(driver, 30)
driver.get("https://www.toysrus.com.sg/lego/")

while True:
    try:
        sleep(5)
        driver.execute_script("var scrollingElement = (document.scrollingElement || document.body);scrollingElement.scrollTop = scrollingElement.scrollHeight;")
        sleep(5)
        wait.until(EC.element_to_be_clickable((By.CSS_SELECTOR, "button.btn[data-url*='www.toysrus.com']"))).click()
        print("Clicked on ")
    except Exception as e:
        print(e)

Answer 2

wait=WebDriverWait(driver, 10)

url= "https://www.toysrus.com.sg/lego"
driver.get(url)
wait.until(EC.element_to_be_clickable((By.CSS_SELECTOR,".affirm.btn.btn-outline-secondary"))).click()
while True:
    try:
        wait.until(EC.element_to_be_clickable((By.XPATH,"//div[@class='show-more']/button"))).click()
        time.sleep(5)
    except Exception as e:
        print(e)
        break

You should replace time.sleep() for the visibility of the spinner. But just wait for the elements to load in.

allProducts=driver.find_elements_by_xpath("//div[@class='product-grid-wrapper']//div[@class='card product-tile product']")
print(len(allProducts))

Prints 346?