Selenium 複雑な HTML 構造のボタンをクリックする

Selenium を使用して複雑な HTML 構造のボタンをクリックしようとすると、次のような問題が発生する場合があります。 NoSuchElementException。これは、ボタンの HTML に onclick 属性を持つ複数のクラスまたは要素が含まれている場合に発生する可能性があります。

そのようなボタンを正確にクリックするには、次の手順に従ってください:

1. HTML 構造を確認してください: 要素を調べて HTML 構造を確認します。ターゲット ボタンに onclick 属性があることを確認してください。たとえば、提供されている HTML には、onclick 属性を持つ 2 つのボタンが含まれています。

2. CSS セレクターのスペースを削除する: CSS セレクターを使用して要素を見つけるときは、スペースが含まれていないことを確認してください。クラス名の間。次のセレクターを修正します:

   driver.find_element_by_css_selector('.button .c_button .s_button').click()

   To:

   driver.find_element_by_css_selector('.button.c_button.s_button').click()

3. ターゲットの一意の要素: ボタンの HTML 内の一意の要素を識別することに重点を置きます。この場合、テキスト「検索」と「リセット」を含むスパン要素は、一意の識別子として機能します。

4. 正確な CSS セレクターを使用する: 特定の要素をターゲットとする CSS セレクターを構築します。ボタンの HTML 内で。例:

   • [検索]ボタンをクリックするには:

     driver.find_element_by_css_selector('.s_button span:contains("Search")').click()

   • 「リセット」ボタンをクリックするには:

     driver.find_element_by_css_selector('.s_button span:contains("Reset")').click()

これらの手順に従うことで、Selenium を使用して複雑な HTML 構造のボタンを正確にクリックできます。