Selenium klickt auf eine Schaltfläche mit komplexer HTML-Struktur

Beim Versuch, mit Selenium auf eine Schaltfläche mit einer komplexen HTML-Struktur zu klicken, kann es zu Problemen kommen die NoSuchElementException. Dies kann auftreten, wenn der HTML-Code der Schaltfläche mehrere Klassen oder Elemente mit Onclick-Attributen enthält.

Um genau auf solche Schaltflächen zu klicken, befolgen Sie diese Schritte:

1. Überprüfen Sie die HTML-Struktur: Überprüfen Sie das Element, um seine HTML-Struktur zu bestätigen. Stellen Sie sicher, dass die Zielschaltfläche über ein Onclick-Attribut verfügt. Der bereitgestellte HTML-Code enthält beispielsweise zwei Schaltflächen mit Onclick-Attributen.

2. Leerzeichen in CSS-Selektoren entfernen: Wenn Sie den CSS-Selektor zum Suchen des Elements verwenden, stellen Sie sicher, dass keine Leerzeichen vorhanden sind zwischen den Klassennamen. Korrigieren Sie den folgenden Selektor:

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

   An:

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

3. Zielen Sie auf eindeutige Elemente: Konzentrieren Sie sich auf die Identifizierung eindeutiger Elemente im HTML der Schaltfläche. In diesem Fall kann das Span-Element mit den Texten „Suchen“ und „Zurücksetzen“ als eindeutige Kennungen dienen.

4. Präzise CSS-Selektoren verwenden: Erstellen Sie CSS-Selektoren, die auf bestimmte Elemente abzielen innerhalb des HTML-Codes der Schaltfläche. Zum Beispiel:

   • So klicken Sie auf die Schaltfläche „Suchen“:

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

   • Um auf „Zurücksetzen“ zu klicken button:

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

Wenn Sie diese Schritte befolgen, können Sie mit Selenium präzise auf Schaltflächen mit komplexen HTML-Strukturen klicken.