Python Selenium 按数据过滤器标签值点击输入标签

Question

我正在尝试使硒单击输入复选框，但面临不同的错误。
这些复选框之间的唯一区别是数据过滤器标签值，所以我尝试了这个。

driver.find_element_by_css_selector("input[data-filter-tag='am']").click()

错误

ElementNotVisibleException: Message: element not interactable

网页已加载 100%

网页代码 ：

                            <ul>
                            <li class="filter-checkbox active-filter">
                                <div class="custom-checkbox" style="background-position: 0px center;"><input name="ctl00$ctl00$MainContentPlaceHolder$BaseContentPlaceHolder$pmainedge2edge4_0$ctl00$ctl14$rpFilters$ctl01$ctl00" type="checkbox" class="dealer-locator-filter" data-filter-tag="c"></div>
                                <span data-toggle="popover" data-placement="top" data-trigger="hover" data-content="" data-original-title="" title="">

<i class="c-icon hq-icon hq-icon-crown-dealer hq-icon-small " title=""></i>Crown dealers
                                </span>
                            </li>
                            <li class="filter-checkbox active-filter">
                                <div class="custom-checkbox" style="background-position: 0px center;"><input name="ctl00$ctl00$MainContentPlaceHolder$BaseContentPlaceHolder$pmainedge2edge4_0$ctl00$ctl14$rpFilters$ctl02$ctl00" type="checkbox" class="dealer-locator-filter" data-filter-tag="r"></div>
                                <span data-toggle="popover" data-placement="top" data-trigger="hover" data-content="" data-original-title="" title="">

<i class="c-icon hq-icon hq-icon-reseller hq-icon-small " title=""></i>Authorized dealers
                                </span>
                            </li>
                            <li class="filter-checkbox active-filter">
                                <div class="custom-checkbox" style="background-position: 0px center;"><input name="ctl00$ctl00$MainContentPlaceHolder$BaseContentPlaceHolder$pmainedge2edge4_0$ctl00$ctl14$rpFilters$ctl03$ctl00" type="checkbox" class="dealer-locator-filter" data-filter-tag="cs"></div>
                                <span data-toggle="popover" data-placement="top" data-trigger="hover" data-content="" data-original-title="" title="">

<i class="c-icon hq-icon hq-icon-servicing-workshop hq-icon-small " title=""></i>Has service
                                </span>
                            </li>
                            <li class="filter-checkbox active-filter">
                                <div class="custom-checkbox" style="background-position: 0px center;"><input name="ctl00$ctl00$MainContentPlaceHolder$BaseContentPlaceHolder$pmainedge2edge4_0$ctl00$ctl14$rpFilters$ctl04$ctl00" type="checkbox" class="dealer-locator-filter" data-filter-tag="am"></div>
                                <span data-toggle="popover" data-placement="top" data-trigger="hover" data-content="" data-original-title="" title="">

<i class="c-icon hq-icon hq-icon-category-robotic-lawn-mowers hq-icon-small " title=""></i>Automower® dealers
                                </span>
                            </li>
                            </ul>
                </div>

网站 ： 友情链接

完整代码 ：

from selenium import webdriver
from time import sleep
driver = webdriver.Chrome('./chromedriver/chromedriver')
### website url
driver.get('https://www.husqvarna.com/us/')
sleep(6)
driver.find_element_by_css_selector("input[data-filter-tag='am']").click()

Answer 1

如果您使用这个相当讨厌的 CSS 选择器选择复选框的周围div，您至少可以单击一个复选框而没有例外。

checkbox = driver.find_element_by_css_selector("#MainContentPlaceHolder_BaseContentPlaceHolder_pmainedge2edge4_0_ctl00_ctl14_dealerFilters > section:nth-child(1) > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(4) > div:nth-child(1)")
checkbox.click()

有很多JavaScript干扰了Web驱动程序自动化。我还没有找到更好的解决方案，但至少你知道有一种方法可以与该复选框进行交互。