Seleniumで画面遷移した後、要素が取得できない

Question

前提・実現したいこと

下記のリンクにアクセスして、地図画像を取得したいです。

https://powergrid.chuden.co.jp/kisyo/
![

発生している問題・エラーメッセージ

NoSuchElementException                    Traceback (most recent call last)
<ipython-input-53-641d17a2d654> in <module>
     24 driver.get("https://powergrid.chuden.co.jp/kisyo/")
     25 time.sleep(5)
---> 26 element = driver.find_element_by_css_selector("#thunder-image-big")
     27 
     28 print(element)

C:\ProgramData\Anaconda3\lib\site-packages\selenium\webdriver\remote\webdriver.py in find_element_by_css_selector(self, css_selector)
    596             element = driver.find_element_by_css_selector('#foo')
    597         """
--> 598         return self.find_element(by=By.CSS_SELECTOR, value=css_selector)
    599 
    600     def find_elements_by_css_selector(self, css_selector):

C:\ProgramData\Anaconda3\lib\site-packages\selenium\webdriver\remote\webdriver.py in find_element(self, by, value)
    974                 by = By.CSS_SELECTOR
    975                 value = '[name="%s"]' % value
--> 976         return self.execute(Command.FIND_ELEMENT, {
    977             'using': by,
    978             'value': value})['value']

C:\ProgramData\Anaconda3\lib\site-packages\selenium\webdriver\remote\webdriver.py in execute(self, driver_command, params)
    319         response = self.command_executor.execute(driver_command, params)
    320         if response:
--> 321             self.error_handler.check_response(response)
    322             response['value'] = self._unwrap_value(
    323                 response.get('value', None))

C:\ProgramData\Anaconda3\lib\site-packages\selenium\webdriver\remote\errorhandler.py in check_response(self, response)
    240                 alert_text = value['alert'].get('text')
    241             raise exception_class(message, screen, stacktrace, alert_text)
--> 242         raise exception_class(message, screen, stacktrace)
    243 
    244     def _value_or_default(self, obj, key, default):

NoSuchElementException: Message: Unable to find element with css selector == #thunder-image-big

該当のソースコード

import time
from selenium import webdriver

#IEを起動
#ドライバーの保管ディレクトリを記述
driver = webdriver.Ie("C:\Users\oooo\Desktop\Python\IEDriverServer.exe")

#パワーグリッドにアクセス

driver.get("https://powergrid.chuden.co.jp/kisyo/")
time.sleep(5)
element = driver.find_element_by_css_selector("#thunder-image-big")

print(element)

試したこと

class指定やid指定をしても要素を取得できませんでした。
soup.find_all("class")で調べてみても、取得したい画像のclassが取得できませんでした。

補足情報（FW/ツールのバージョンなど）

ブラウザ：IE11

Answer 1

地図画像が iframe になっているようです。

driver.get('対象ページURL')
iframe = driver.find_element_by_id('対象フレームID')
driver.switch_to.frame(iframe)

画像ダウンロード例

import time
from selenium import webdriver
import chromedriver_binary
import urllib.request

driver = webdriver.Chrome()

driver.get('対象ページURL')
iframe = driver.find_element_by_id('対象フレームID')
driver.switch_to.frame(iframe)
time.sleep(5)

element = driver.find_element_by_css_selector("対象画像ID").get_attribute("src")
urllib.request.urlretrieve(element, 'target.png')

対象??? は適宜差し替えてください。

Comments

[goffee555]

kazweda様、ご回答ありがとうございます。
ご教示いただいたソースを実行したのですが、srcの○○○○.pngの取得までのやり方を調べたのですが、うまく実装できませんでした。

```python
driver.get("https://powergrid.chuden.co.jp/kisyo/")
time.sleep(5)
iframe = driver.find_element_by_id('upper_main_left_cont')
driver.switch_to.frame(iframe)

print(iframe)

><selenium.webdriver.remote.webelement.WebElement (session="277f3ab3-a42a-44ab-b7b5-6b516d34799c", element="b3e40be1-c80d-4b7b-8b65-8a4adb27b438")>
```

差し支えなければ、ご教示いただけないでしょうか？

[goffee555]

ご丁寧な回答、本当にありがとうございました。
問題なく要素の取得ができました！