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结构的按钮。