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 내에서 고유 요소를 식별하는 데 중점을 둡니다. 이 경우 "검색" 및 "재설정" 텍스트가 있는 범위 요소는 고유 식별자 역할을 할 수 있습니다.

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 구조의 버튼을 정확하게 클릭할 수 있습니다.