python seleniumで、サイトのボタンのエレメントをclass nameから取得したいがNoSuchElementExceptionで失敗する

Question

前提・実現したいこと

python seleniumで、とあるサイトのボタンのエレメントを、xpath以外（ここではclass name）から取得したく、コードを書いて実行しましたが、下記のようなエラーがでてしまいます。
（xpathであれば成功することは確認済み）

HTMLを見る限り、class="~~~"と書いてある部分からclass nameを知ることができるので、
driver.find_element_by_class_name を用いて取得できると考えていました。

xpathではエレメントを取得できることを確認済みですが、サイトの構成が変わってしまった場合に
対応できないため、サイトの構成にさほど影響を受けないエレメントでwebを操作したいというポリシーで
質問させていただいています。

質問内容

①HTMLにはclass="~~~"と書いてあるにもかかわらず、driver.find_element_by_class_nameで取得できないのはなぜでしょうか。

②①で、class nameでの取得が理屈上難しい場合、xpathを用いない要素の取得方法は他にありますでしょうか。

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

selenium.common.exceptions.NoSuchElementException: 
Message: no such element: Unable to locate element:
 {"method":"css selector","selector":".btn btn-block btn-neg-light-gray btn-text-blue btn-icon-right btn-arrow-next"}
(Session info: chrome=85.0.4183.102)

エレメントを取得したいボタンのHTMLソース

<button type="submit" class="btn btn-block btn-neg-light-gray btn-text-blue btn-icon-right btn-arrow-next">
パスワードを入力する
</button>

該当のソースコード

from selenium import webdriver
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions
from selenium.webdriver.common.by import By
from selenium.webdriver.support import expected_conditions as EC
import time
from datetime import datetime
from selenium.common.exceptions import TimeoutException


MaxWaitTime = 100
driver = webdriver.Chrome("c:/driver/chromedriver.exe")
driver.get('URL')

WebDriverWait(driver, MaxWaitTime).until(EC.presence_of_all_elements_located)

element2 = driver.find_element_by_class_name("btn btn-block btn-neg-light-gray btn-text-blue btn-icon-right btn-arrow-next")
element2.click()

試したこと

下記のように、XPATHでの指定であればエレメントを取得し、ボタンをクリックできました。

element2 = driver.find_element_by_xpath("/html/body/div/main/div/div/div/div/form/div[2]/div[2]/button")

環境

windows10
python 3.8.0
chromedriver :v85

Answer 1

おそらくクラス名に空白が含まれているのが原因かと思われます。
find_element_by_css_selectorの使用を検討されてはどうでしょうか？

seleniumでby_class_nameでスペースが入った要素が取得できずエラーになる時の対処法

Comments

[HoriemonHack]

まさにこれが原因でした。ありがとうございます！

Answer 2

どうしてもclassで取得したいなら

element = driver.find_element_by_class_name('btn-arrow-next')

などとどれか1つに絞りましょう。
今回は

• btn-neg-light-gray
• btn-text-blue
• btn-icon-right

などなど色々選択肢がありますが、
パスワード入力画面なので「次へ」的な意味合いのclassは1つしかなさそうだと推察し、
btn-arrow-nextを選んでみました。

画面上にclass属性にbtn-arrow-nextが含まれる要素が複数あったらこれは効かないかもしれません。

この手のボタンで全要素が被っていることはないとは思うので、

element = driver.find_element_by_css_selector('.btn.btn-block.btn-neg-light-gray.btn-text-blue.btn-icon-right.btn-arrow-next')

などにすれば間違いはないと思います。

ついでに

この画面にはclass属性にbtnが含まれる要素は複数ありませんか？(bootstrapにはよくある話なので)

btn_elements = driver.find_elements_by_class_name('btn')
print(len(btn_elements))

と打つとその個数が出力されます。

elementではなくelementsになっていることに注目してください。
sをつけると当てはまる全ての要素がリストになって返ってきます。
1つもなければ空のリストが返るので存在判定などに使えます。

リストで返るので、そのうち3番目の要素にアクセスしたいのならば

btn_elements[2]

といった感じで見ることができます。

class属性にbtnが含まれる要素が複数ある場合、

driver.find_element_by_class_name('btn')

と

driver.find_elements_by_class_name('btn')[0]

は同じ要素を指します。

find_element_by_◯◯とやると複数あった場合は1番目が返ります。

「画面上にclass属性にbtn-arrow-nextが含まれる要素が複数あったらこれは効かないかもしれません。」
と先ほど書いたのは目的の要素が必ずしも先頭にあるとは限らないからです。

おまけ

xpathだとこのような取得方法もあります。

driver.find_element_by_xpath('//button[@class="btn-arrow-next"]')

Answer 3

要素のクラスが複数あり、クラスを複数指定したいときは、.で繋ぎます。順不同です。

element2 = driver.find_element_by_class_name("btn.btn-block.btn-neg-light-gray.btn-text-blue btn-icon-right.btn-arrow-next")

全部指定せず、1つか2つの指定だけで特定できるのならそれでもいいです。