如何使用Selenium/Python定位并点击指定页面元素？

Hey there! Let’s work through how to reliably target those buttons in your HTML. The biggest issue here is likely those dynamic, auto-generated class names (like _5f5mN or jIbKX)—these often change between page loads or user sessions, which is why your initial attempts with class names, basic XPath, or CSS selectors might have failed.

Let’s break down stable, maintainable locators for both buttons:

1. Locating the "Follow" Button #

The most reliable way here is to use the button’s fixed text content, since that’s unlikely to change.

XPath Options #

• Direct text match:

  //button[text()='Follow']
  

• More precise (to avoid matching other "Follow" buttons on the page):

  //span[@class='vBF20 _1OSdk']/button[text()='Follow']
  

CSS Selector Options #

Since native CSS doesn’t support text matching directly, we can use a stable parent class to narrow it down:

.vBF20._1OSdk > button

2. Locating the Down Chevron Dropdown Button #

For this button, we can leverage the semantic aria-label attribute on the nested SVG—this is designed for accessibility and stays consistent.

XPath Options #

• Traverse up from the SVG to the button:

  //svg[@aria-label='Down Chevron Icon']/ancestor::button
  

• Or target the button via its child SVG:

  //button[.//svg[@aria-label='Down Chevron Icon']]
  

CSS Selector Options #

If your testing tool/browser supports the :has() pseudo-class (modern browsers and recent Selenium versions do), this works cleanly:

button:has(svg[aria-label='Down Chevron Icon'])

If :has() isn’t available, you can target the button via its stable parent container:

.mLCHD._1OSdk > button

Bonus: Handling Dynamic Page Loads #

If the buttons load after the initial page render (common on sites like Instagram), make sure to add a wait to avoid "element not found" errors. Here’s a Python/Selenium example:

from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

driver = webdriver.Chrome()
wait = WebDriverWait(driver, 10)

# Wait for Follow button to be clickable
follow_button = wait.until(EC.element_to_be_clickable((By.XPATH, "//button[text()='Follow']")))
follow_button.click()

# Wait for dropdown button to be present
dropdown_button = wait.until(EC.presence_of_element_located((By.XPATH, "//svg[@aria-label='Down Chevron Icon']/ancestor::button")))

内容的提问来源于stack exchange，提问作者Mohammad Khalouf7