Selenium を使用して複雑な HTML 構造のボタンをクリックする方法

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

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

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

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

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

   <code class="python">driver.find_element_by_css_selector('.button .c_button .s_button').click()</code>

   ログイン後にコピー

   <code class="python">driver.find_element_by_css_selector('.button.c_button.s_button').click()</code>

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

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

   • 「検索」ボタンをクリックするには:

     <code class="python">driver.find_element_by_css_selector('.s_button span:contains("Search")').click()</code>

     ログイン後にコピー

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

     <code class="python">driver.find_element_by_css_selector('.s_button span:contains("Reset")').click()</code>

     ログイン後にコピー

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

以上がSelenium を使用して複雑な HTML 構造のボタンをクリックする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。