Seleniumを使ってidを正しく取得できない問題について.

Question

Googleの検索画面でPythonと入力し, 検索画面を出力するという平易なコードを書きましたが, エラーを起こしてしまいました.

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

driver = webdriver.Chrome()
url = 'https://www.google.com/'
driver.get(url)
search_box = driver.find_element(By.ID, 'input')
search_box.send_keys('Python')
search_box.submit()

以下はエラーの主要部分です.
恐らくはinputという名を持つidが存在していないことを主張しています.

selenium.common.exceptions.NoSuchElementException: Message: no such element: Unable to locate element: {"method":"css selector","selector":"[id="input"]"}

しかしコードの作成にあたって, 検索画面のソースコードをF12で起動し, 検索欄のidがinputであることを確認しました.
何故正しく動作しないのか分からず, 困っております.

私はPythonに関して多少の知識はありますが, HTMLは駆け出しです.
そのためソースコードを正しく理解できていないかもしれません.
以上, 原因の指摘をよろしくお願いいたします.

Answer 1

「www.google.com/」内に「id=input」のタグはありません。
タグ名をIDと間違えているのではないでしょうか？

<input class="gLFyf gsfi" jsaction="paste:puy29d;" maxlength="2048" name="q" type="text" aria-autocomplete="both" aria-haspopup="false" autocapitalize="off" autocomplete="off" autocorrect="off" autofocus="" role="combobox" spellcheck="false" title="検索" value="" aria-label="検索" data-ved="0ahUKEwi0mayPj5b5AhXrkVYBHT8tBN0Q39UDCAc">
↑このinputはタグ名

そうであれば、タグ名指定で動作するかと思います。

#search_box = driver.find_element(By.ID, 'input')
search_box = driver.find_element(By.TAG_NAME, 'input')

Comments

[Algeot]

回答ありがとうございます.
""
search_box = driver.find_element(By.TAG_NAME, 'input')
""
に変更したところ, 正常に動作することを確認しました.
しかし一つ質問があります.
Google検索画面においてF12を押して表示されるDevToolsにおいて,
メニューバー左上の select an element in the page to inspectを選択し,
検索欄を左クリックすると, 検索欄に対応するソースコードが表示されると学びました.
それを行うと
<input id="input" type="search" autocomplete="off" spellcheck="false" role="combobox" placeholder="Search Google or type a URL" aria-live="polite">
という部分が青く強調されるのですが, 私はここにある id="input" をみて input が id であると判断しました.
この考えはどこが間違っているのでしょうか.
重ねての質問になりますがご容赦ください.

[Matsumon0104]

「www.google.com」で間違いないでしょうか？
chromeで参照してみたところ、placeholderに「Search Google or type a URL」が設定されているエレメントが確認できません。(F12のDevTool上で「document.querySelector」でエレメント取得できるかを確認)

ご確認した際のページが「www.google.com」ではないのではありませんでしょうか？

[Algeot]

なるほど！
私が参照していたページは「www.google.com」ではなく, New Tab のページであったということが問題かもしれません.
「www.google.com」で同様の検証を行ったところ,
<input class="gLFyf gsfi" jsaction="paste:puy29d;" maxlength="2048" name="q" type="text" aria-autocomplete="both" aria-haspopup="false" autocapitalize="off" autocomplete="off" autocorrect="off" autofocus="" role="combobox" spellcheck="false" title="検索" value="" aria-label="検索" data-ved="0ahUKEwiQ0NHhlZb5AhUjmFYBHRv4DHUQ39UDCAc">
と表示され, たしかに id は存在しておりませんでした.
New Tab と「www.google.com」が異なることを知りませんでした.
丁重な回答ありがとうございます.

[Matsumon0104]

上手くいってよかったです。

下記エレメントを含むページでスクレイピングをした場合、Algeotさんの示したコードでちゃんと動くと思いますよ。(エレメントの指定方法に間違いはありません。)
><input id="input" type="search" autocomplete="off" spellcheck="false" role="combobox" placeholder="Search Google or type a URL" aria-live="polite">