如何使用Selenium和Python定位元素並提取innerText

Question

<span class="chr-UserDropdownItem-imageAndText">
    <img class="chr-UserDropdownItem-image" src="/slm/profile/image/264023573852/24.sp?version=1" alt="User Profile Avatar">
    <span class="smb-DropdownItem-text">
        <span>   test user   </span>
    </span>
</span>

通過查看上面的屏幕截圖，請幫助我從span 標簽中唯一地提取innerText測試用戶。

Answer 1

要提取文本測試用戶，您必須為visibility_of_element_located()引入WebDriverWait ，您可以使用以下任一定位器策略：

• 使用CSS_SELECTOR和get_attribute() ：

   print(WebDriverWait(driver, 20).until(EC.visibility_of_element_located((By.CSS_SELECTOR, "span.smb-DropdownItem-text>span"))).get_attribute("innerHTML"))

• 使用XPATH和text屬性：

   print(WebDriverWait(driver, 20).until(EC.visibility_of_element_located((By.XPATH, "span[@class='smb-DropdownItem-text']>span"))).text)

• 注意：您必須添加以下導入：

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

Answer 2

您可以使用 xpath 找到該元素：

driver.find_element_by_xpath("//span[@class='smb-DropdownItem-text']//span[contains(text(),'test user')]");

Answer 3

您可以像這樣使用 XPath 來刪除空格：

driver.find_element_by_xpath('//span/text()[normalize-space()="test user"]')

如果 span 標簽中沒有空格，請以這種方式使用 XPath：

driver.find_element_by_xpath('//span[contains(text(), "test user")]')

對於動態：

driver.find_element_by_xpath('//span[contains(text(), "' . $HereIsSetYourDynamicallyVaribleName . '")]')

Answer 4

您可以嘗試使用以下 xpath。

//img[contains(@src, '/profile/image/')]]/following-sibling::span