pythonでSeleniumのクラス指定方法がわかりません。

Question

こんにちは。
pythonでSeleniumでヤフートップページのトップトピックスをクリックさせようと思ったのですが、エラーになります。
クラス指定の方法が間違っていると思うのですが
python初心者で原因がよくわかりません。
※ジュピターノートブックを使用しています。
原因と対策がわかる方、すみませんが教えてください。
よろしくお願いします。

≪プログラム↓≫

PythonでSeleniumのwebdriverモジュールをインポート

from selenium import webdriver
from selenium.webdriver.common.by import By

driver = webdriver.Chrome('Selenium/chromedriver.exe')

操作するページを開く

driver.get('https://www.yahoo.co.jp/')

element = driver.find_element_by_class_name('fQMqQTGJTbIMxjQwZA2zk _3tGRl6x9iIWRiFTkKl3kcR')
element.click()

≪エラーメッセージ↓≫

NoSuchElementException Traceback (most recent call last)
<ipython-input-11-8dc969668bb5> in <module>
8 driver.get('https://www.yahoo.co.jp/')
9
---> 10 element = driver.find_element_by_class_name('fQMqQTGJTbIMxjQwZA2zk _3tGRl6x9iIWRiFTkKl3kcR')
11 element.click()

~\Anaconda3\lib\site-packages\selenium\webdriver\remote\webdriver.py in find_element_by_class_name(self, name)
562 element = driver.find_element_by_class_name('foo')
563 """
--> 564 return self.find_element(by=By.CLASS_NAME, value=name)
565
566 def find_elements_by_class_name(self, name):

~\Anaconda3\lib\site-packages\selenium\webdriver\remote\webdriver.py in find_element(self, by, value)
976 return self.execute(Command.FIND_ELEMENT, {
977 'using': by,
--> 978 'value': value})['value']
979
980 def find_elements(self, by=By.ID, value=None):

~\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))

~\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: no such element: Unable to locate element: {"method":"css selector","selector":".fQMqQTGJTbIMxjQwZA2zk _3tGRl6x9iIWRiFTkKl3kcR"}
(Session info: chrome=78.0.3904.97)

Answer 1

まずclass属性で取得しようとすること自体が誤っています。
なぜならアクセスやニュースの更新の度にclass属性か変わるからです。

頼りになるclassやid属性が少ないので、
xpathを使用するのが無難だと思います。

xpathは開発者ツールで該当する要素を右クリックして
コピーから得られます。

from time import sleep

# ヤフーにアクセス
driver.get('https://www.yahoo.co.jp/')

# 念のため10秒待つ
sleep(10)

# 記事タイトルを含むdivタグを取得
div_tag = driver.find_element_by_xpath('//*[@id="tabpanelTopics1"]/div/div[1]')

ここからは欲しい情報にあわせて位置を指定してやりましょう。
取得したdiv要素配下は以下のようになっているので、

<div class="_2jjSS8r_I9Zd6O9NFJtDN-" aria-label="主要 ニュース">
    <p class="_2vq5UBfOFpYcyqNRy51gDf">
        <span class="fQMqQTGJTbIMxjQwZA2zk _2VDw54wcDejORZkozpOysW">
            11/21(木) 14:34更新
        </span>
    </p>
    <ul>
        <li class="_2j0udhv5jERZtYzddeDwcv">
            <article class="QLtbNZwO-lssuRUcWewbd" data-ual-view-type="list" data-ual="scid:list-top;idtype:shannon_article;contid:e260805b37d5f05b8e282aa983e694f1bfdfbd93;sec:tpto;slk:title">
                <a class="yMWCYupQNdgppL-NV6sMi _3sAlKGsIBCxTUbNi86oSjt" href="https://news.yahoo.co.jp/pickup/6343103" data-ylk="rsec:tpto;slk:title;pos:1;tpid:6343103;imgsize:s" data-ual-gotocontent="true" data-rapid_p="1">
                    <div class="_2cXD1uC4eaOih4-zkRgqjU">
                        <div class="TRuzXRRZHRqbqgLUCCco9">
                             <h1 class="_3cl937Zpn1ce8mDKd5kp7u">
                                <span class="fQMqQTGJTbIMxjQwZA2zk _3tGRl6x9iIWRiFTkKl3kcR">
                                    GSOMIA 韓国21日にも判断か
                                </span>
                            </h1>
                        </div>
                    </div>
                </a>
            </article>
        </li>
        <li class="_2j0udhv5jERZtYzddeDwcv">...</li>
        <li class="_2j0udhv5jERZtYzddeDwcv">...</li>
        <li class="_2j0udhv5jERZtYzddeDwcv">...</li>
        <li class="_2j0udhv5jERZtYzddeDwcv">...</li>
        <li class="_2j0udhv5jERZtYzddeDwcv">...</li>
        <li class="_2j0udhv5jERZtYzddeDwcv">...</li>
        <li class="_2j0udhv5jERZtYzddeDwcv">...</li>
    </ul>
</div>

1つ目の記事を参照したいなら

div_tag.find_elements_by_tag_name('li')[0].find_element_by_tag_name('a').click()

2つ目の記事を参照したいなら

div_tag.find_elements_by_tag_name('li')[1].find_element_by_tag_name('a').click()

といった具合です。

Comments

[Tochan]

ご丁寧に説明して頂きありがとうございました。成功しました。

Answer 2

クラス名が間違っています。
それ以外のプログラムは正しいです。

見ると、指定しているクラス名に空白がありますが、class="foo bar"のタグのクラスはfooとbarであって、foo barではありません。