Seleniumで、複数あるクラスの要素を取得しようとするとNoSuchElementExceptionまたは要素数0

Question

前提・実現したいこと

PythonでのWebスクレイピングをしようとしています。

Selenium4を使って、HTML要素を取得したいと思っています。

スクショのページの、コピーボタンのところを取得したいです。

URL：
リンク内容

下記の要素を、クラス名で取得したいと思うのですが、どうにもうまくいきません。
<button type="button" class="button KifCopyButton is-small"><!----><span>コピー</span><!----></button>

クラス指定が複数あるのがはまっている点です。

list1 = driver.find_elements(By.CLASS_NAME, 'button')
では目的以外のボタンも取得されてしまうため、クラスは複数指定したいです。

具体的には下記のコードを全て試しましたが、いずれもダメでした。

list1 = driver.find_elements(By.CLASS_NAME, ".button.KifCopyButton.is-small")
list1 = driver.find_element(By.CSS_SELECTOR, '.button KifCopyButton is-small')
list1 = driver.find_element_by_css_selector('.button.KifCopyButton.is-small')

また、

list1 = driver.find_elements(By.CSS_SELECTOR, '.button.KifCopyButton.is-small')

とすると、例外発生はしないものの、リストの要素数が0でした。

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

  list1 = driver.find_element_by_css_selector('.button.KifCopyButton.is-small')
Traceback (most recent call last):
  File "C:/Users/circu/PycharmProjects/scrapingProject/test.py", line 31, in <module>
    list1 = driver.find_element_by_css_selector('.button.KifCopyButton.is-small')
  File "C:\Users\circu\PycharmProjects\scrapingProject\venv\lib\site-packages\selenium\webdriver\remote\webdriver.py", line 808, in find_element_by_css_selector
    return self.find_element(by=By.CSS_SELECTOR, value=css_selector)
  File "C:\Users\circu\PycharmProjects\scrapingProject\venv\lib\site-packages\selenium\webdriver\remote\webdriver.py", line 1244, in find_element
    return self.execute(Command.FIND_ELEMENT, {
  File "C:\Users\circu\PycharmProjects\scrapingProject\venv\lib\site-packages\selenium\webdriver\remote\webdriver.py", line 424, in execute
    self.error_handler.check_response(response)
  File "C:\Users\circu\PycharmProjects\scrapingProject\venv\lib\site-packages\selenium\webdriver\remote\errorhandler.py", line 247, 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":".button.KifCopyButton.is-small"}
  (Session info: chrome=97.0.4692.71)
Stacktrace:
Backtrace:
	Ordinal0 [0x0123FDC3+2555331]
	Ordinal0 [0x011D77F1+2127857]
	Ordinal0 [0x010D2E08+1060360]
	Ordinal0 [0x010FE49E+1238174]
	Ordinal0 [0x010FE69B+1238683]
	Ordinal0 [0x01129252+1413714]
	Ordinal0 [0x01117B54+1342292]
	Ordinal0 [0x011275FA+1406458]
	Ordinal0 [0x01117976+1341814]
	Ordinal0 [0x010F36B6+1193654]
	Ordinal0 [0x010F4546+1197382]
	GetHandleVerifier [0x013D9622+1619522]
	GetHandleVerifier [0x0148882C+2336844]
	GetHandleVerifier [0x012D23E1+541697]
	GetHandleVerifier [0x012D1443+537699]
	Ordinal0 [0x011DD18E+2150798]
	Ordinal0 [0x011E1518+2168088]
	Ordinal0 [0x011E1660+2168416]
	Ordinal0 [0x011EB330+2208560]
	BaseThreadInitThunk [0x777DFA29+25]
	RtlGetAppContainerNamedObjectPath [0x77927A9E+286]
	RtlGetAppContainerNamedObjectPath [0x77927A6E+238]

該当のソースコード

全ソースコード

from selenium import webdriver
from selenium.webdriver.common.by import By
from time import sleep
# import pyperclip

import settings

driver = webdriver.Chrome(settings.web_driver_dir)
driver.get(settings.target_url)

search_bar = driver.find_element(By.ID, 'query')
search_bar.send_keys(settings.user_name)


# list1 = driver.find_elements(By.CLASS_NAME, ".button.KifCopyButton.is-small")
# list1 = driver.find_elements(By.CLASS_NAME, 'button')
list1 = driver.find_element(By.CSS_SELECTOR, '.button KifCopyButton is-small')
# list1 = driver.find_element_by_css_selector('.button.KifCopyButton.is-small')
print(list1)

for element in list1:
    print(element.text)

    # print(element.get_property())

driver.quit()

settings.py

target_url: str = 'https://www.shogi-extend.com/swars/search'
user_name = 'makoto_satoh'
web_driver_dir = r'C:\Users\ユーザー名\PycharmProjects\scrapingProject\chromedriver.exe'

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

Pycharm
Python3
Selenium4
Chrome97

変数名がテキトーなのはご容赦ください。

よろしくお願い致します。

Comments

[melian]

list1 = driver.find_elements(By.CSS_SELECTOR, '[class="button KifCopyButton is-small"]')
とするとどうなりますか？

[circular2016]

ありがとうございます！

要素数0となりました。

[melian]

url を直接指定して実行してみますと 10 個の button が取得できました。
url = 'https://www.shogi-extend.com/swars/search?query=Hidenokuni'
driver.get(url)
list1 = driver.find_elements(By.CSS_SELECTOR, '[class="button KifCopyButton is-small"]')

[circular2016]

私の方でも動かしてみましたところ、コピーボタンが10個取得できました！

原因が何なのかは不明ですが、ひとまず実現したいこと自体はできました。

ありがとうございます！

Answer 1

driver.find_element_by_css_selector('.button.KifCopyButton.is-small')
driver.find_elements(By.CSS_SELECTOR, '.button.KifCopyButton.is-small')

で良いはずですが、これで見つからないと言うことは、この文実行時点のHTMLが質問掲載のものと一致していないと言うことだと思います。