css_selectorでブラウザにあるクラス名（空白なし）をコピペしても、「そのようなelementはありません」と出てしまいます。

Question

seleniumなどを使い
yahoo画像検索から
最初の一枚目をクリックさせて
拡大された画像を取得したいという事で

from selenium import webdriver
from selenium.webdriver.chrome.options import Options
import requests


fruits = ["リンゴ", "バナナ", "イチゴ"]

chrome_path = r"C:/Users/81809/Downloads/chromedriver_win32/chromedriver.exe"

options = Options()
options.add_argument("--incognito")

driver = webdriver.Chrome(executable_path=chrome_path, options=options)


url = "https://search.yahoo.co.jp/image"

img_urls = []

for query in fruits:
    driver.get(url)
    search_box = driver.find_element_by_class_name(
        "SearchBox__searchInput")
    search_box.send_keys(query)
    search_box.submit()

    click_image = driver.find_element_by_css_selector(".sw-Thumbnail__innerImage.sw-Thumbnail__innerImage--width.rapidnofollow").click()
    get_class = driver.find_element_by_css_selector("sw-PreviewPanel__image")
    elem = get_class.find_element_by_tag_name('img')
    img_urls.append(elem.get_attribute('src'))

for i, img_url in enumerate(img_urls, start = 1):
    re = requests.get(img_url)
    with open(r'C:/Users/81809/OneDrive/Desktop/b/img/' + "{}.jpg".format(i), 'wb') as f: # imgフォルダに格納
      # .contentで画像データとして書き込む
      f.write(re.content)

このサイトでの皆様のご回答、ご指摘により
ここまで書くことが出来ました。

こちらを実行すると

    self.error_handler.check_response(response)
  File "C:\Users\81809\AppData\Local\Packages\PythonSoftwareFoundation.Python.3.9_qbz5n2kfra8p0\LocalCache\local-packages\Python39\site-packages\selenium\webdriver\remote\errorhandler.py", line 242, in check_response
    raise exception_class(message, screen, stacktrace)
selenium.common.exceptions.NoSuchElementException: Message: no such element: Unable to locate element: {"method":"css selector","selector":"sw-PreviewPanel__image"}
  (Session info: chrome=92.0.4515.131)

こう出ます

取得したい画像をクリックさせて
開発者ツールを見てみると
確かにクラス名（緑の線）があります

取得したいクラス名を含んだクラス名（赤い線）が
別のタグにあるから？と思い
クラス名:nth-of-type(2)
を試してみましたが、同じエラーが出ました。

そもそもエレメントが見つけられてない
ってことは
やっぱり別にやり方があるのではと思い

selemium element 見つからない
で調べると

import time
time.sleep(30)

を使うようにとあり
試してみましたが、同じエラーが出てしまいます。

何か改善策はありますでしょうか？
ヒントだけでも教えて頂けると幸いです。
宜しくお願い致します。

Comments

[otn]

find_element_by_css_selectorの直前でプログラムを止めて、その時点で開発者ツールで見てみましょう。

[dd_]

アドバイスありがとうございます。
もう一度見直してみます！

Answer 1

get_class = driver.find_element_by_css_selector("sw-PreviewPanel__image")をget_class = driver.find_element_by_css_selector(".sw-PreviewPanel__image")にしてください。
※.が抜けています

Comments

[dd_]

すごく初歩的なミスでした。。
教えてくださりありがとうございます！