Selenium 點擊具有複雜HTML 結構的按鈕

當您嘗試使用Selenium 點擊具有複雜HTML 結構的按鈕時，您可能會遇到NoSuchElementException。當按鈕的 HTML 包含多個具有 onclick 屬性的類別或元素時，可能會發生這種情況。

若要精確按一下此類按鈕，請依照下列步驟操作：

1. 以驗證 HTML 結構： 檢查元素以確認其 HTML 結構。確保目標按鈕具有 onclick 屬性。例如，提供的 HTML 包含兩個帶有 onclick 屬性的按鈕。

2. 刪除 CSS 選擇器中的空格： 使用 CSS 選擇器定位元素時，請確保其中沒有空格類別名稱之間。更正以下選擇器：

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

   至：

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

3. 目標唯一元素： 重點辨識按鈕HTML 中的唯一元素。在這種情況下，帶有文字「Search」和「Reset」的 span 元素可以用作唯一識別碼。

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結構的按鈕。