scraping SVG data by CSS Selector and Id (Selenium)-CodePudding

I'm looking to scrape a label from an SVG that only arrives with a mouse hover. I'm working with this

So far, my code is successful in opening each of the [ ] expand buttons, and identifying the polygons but I can't get to the labels using either XPATH or CSS Selectors. See code below.


driver.get(url)
table_button_xpath = "//table[@class='data-view-table redispatching dataTable']//tr//td[@class = 'button-column']//a[@class='openIcon pre-table-button operation-detail-expand small-button ui-button-light ui-button ui-widget ui-corner-all ui-button-text-only']"

driver.find_element(By.ID, "close-button").click()
driver.find_element(By.ID, "cookieconsent-button").click()
    
# open up all the " " buttons
table_buttons = driver.find_element(By.XPATH, table_button_xpath)
        
for i in list(range(1, 10)):
        
    driver.find_element(By.XPATH, table_button_xpath).click()
        
# find all the polygons
polygons = driver.find_elements(By.TAG_NAME, 'path')
    
label_xpath = "//*[name()='svg']//*[name()='g' and @id = 'ballons')]//*[name()='g']//*[name()='tspan']"
    
for polygon in polygons :
        
    action.move_to_element(polygon)
        
    labels_by_xpath = driver.find_elements(By.XPATH, label_xpath)
    labels_by_css_selector = driver.find_elements(By.CSS_SELECTOR, "svg>#ballons>g>text>tspan")

Both labels_by_xpath and labels_by_css_selector return a list of 0 elements. I've tried many versions of both the xpath and css selector approach, along with using WebDriverWait, but I can't get it to return the capacity impact values.

HTML screenshot is also copied below (to be clear, the number I need to scrape is the "50" text in the tag.

Any help is appreciated! Thank you, Sophie

CodePudding user response：

The solution to your problem is with the locator. Here is the updated locator to select the desired element.

CSS Selector :

svg>[id^='balloons']>g:nth-child(2)>text:nth-child(2)>tspan

try this to get the element Capacity 50

CodePudding user response：

x = driver.find_elements(By.CSS_SELECTOR, "svg>[id^='balloons']>g>text>tspan")