如何使用带有Python的Selenium Webdriver从工具提示中获取没有属性的文本？

Question

I have a web element with a tooltip that shows the following message: ● Client Book Revenue $20,966,618

The HTML code for that tooltip is below. I am able to hover over the web element using Selenium Webdriver which makes the tooltip visible, but I can't figure out how to get the text from it. Could somebody please help?

<div class="highcharts-tooltip" style="position: absolute; left: 755px; top: 0px; display: block; opacity: 1; pointer-events: none; visibility: visible;">
    <span style="position: absolute; font-family: "Roboto",sans-serif; font-size: 12px; white-space: nowrap; color: rgb(51, 51, 51); margin-left: 0px; margin-top: 0px; left: 0px; top: 0px;">
        <div class="client-rate-bench-chart">
            <table class="table rdo-table-tooltip">
                <tbody>
                    <tr>
                        <td>
                            <span style="color:rgba(45,108,162,1)">●</span>
                           Client Book Revenue
                        </td>
                        <td> $20,966,618 </td>
                    </tr>
                </tbody>
           </table>
        </div>
    </span>
</div>

Answer 1

You can grab the table and then grab the first instance of <tr>

from bs4 import BeautifulSoup
from selenium import webdriver

driver = webdriver.Firefox()
driver.get(URL)
html = driver.page_source # this is how you get the HTML

soup = BeautifulSoup(html)
table = soup.find('table', class_='rdo-table-tooltip')
tooltip = table.find('tr')
text = tooltip.text

text will have a lot of extra whitespace because of how the HTML is formatted, but you can strip that out - just split on all whitespace and then re-join the elements like this

final_text = ' '.join(text.split())
print final_text
# ● Client Book Revenue $20,966,618

For multiple <tr> s you can use .find_all('tr') and then use a list comprehension to get a list of the contents of the rows. It would look something like this

soup = BeautifulSoup(html)
table = soup.find('table', class_='rdo-table-tooltip')
tooltips = table.find_all('tr')
text = [' '.join(tooltip.text.split()) for tooltip in tooltips]

Then text will be a list of strings containing the text from each <tr>

Answer 2

As an alternative you could use re.findall to return all the instances of text between tags. This will involve some cleaning up afterwards but I have found it pretty handy in general when working with Selenium.

import re

tooltips = re.findall('<tr>(.*?)<tr>', html.replace('\n', ''))

for tooltip in tooltips:
    print tooltip