Selenium + BS4检索隐藏元素

Question

我编写了以下代码来检索带有“tab-statistics-1-statistic”类的div。这个嵌套在“statistics-content”div中。

soup.find(id="statistics-content").find(id="tab-statistics-1-statistic")

但是当我打印上面一行的输出时，它只返回“div id ='statistics-content'>”，即使在“Inspect element”中div也包含嵌套元素。用于此代码的页面是https://www.flashscore.com/match/CM2dBaSF/#match-summary

如何访问div中的嵌套元素？

Answer 1

您正在导航到登录页面，但需要单击统计选项卡以生成所需的html。你需要留出时间让javascript运行来填充信息。

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
d = webdriver.Chrome()
url ='https://www.flashscore.com/match/CM2dBaSF/#match-summary'

d.get(url)
d.find_element_by_id('a-match-statistics').click()
item = WebDriverWait(d, 5).until(EC.presence_of_element_located((By.ID , 'tab-statistics-0-statistic')))
print(item.text)
d.quit()

---

当为统计信息选项卡生成新的网址时，您可以直接使用该网址

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
d = webdriver.Chrome()
urlDirect = 'https://www.flashscore.com/match/CM2dBaSF/#match-statistics;0'
d.get(urlDirect)
item = WebDriverWait(d, 5).until(EC.presence_of_element_located((By.ID , 'tab-statistics-0-statistic')))
print(item.text)
d.quit()

Answer 2

在浏览器和开发工具中，您将获得这些值，因为浏览器可能已经加载了内容。使用selenium时，您必须模拟相同的行为。等待一段时间，直到使用WebDriverwait将内容加载到selenium web驱动程序中

下面的示例代码。

driver=driver = webdriver.Chrome("D:\\chromedriver.exe")
driver.get('https://www.flashscore.com/match/CM2dBaSF/#match-statistics;0')
WebDriverWait(driver, 10).until(EC.presence_of_element_located((By.ID ,'tab-statistics-1-statistic')
html = driver.page_source
soup=BeautifulSoup(html)
print(soup.find(id="statistics-content").find(id="statistics-1-statistic"))

样本输出

<li class="li1" id="statistics-1-statistic"><span><a onclick="detail_tab(['statistics', '1-statistic']);">1st Half</a></span></li>