使用 id、xpath、类等点击按钮时遇到问题

Question

我有一个按钮，我想点击它，需要小组的帮助。此按钮位于我的 wordpress 网站的后端/管理区域（我正在尝试将数据大量上传到目录列表系统中）。我在想我需要使用按钮类，因为在同一页面上有两个具有相同编号的 data-id 元素。我已经提供了我的 selenium 代码 (python) 尝试以及我试图访问的 html。任何帮助表示赞赏！

HTML：

<div class="pkg-button">
    <a data-id="38579" class="btn btn-lg btn-primary button select-plan">Select</a>
</div>

这是具有冲突 id 的 html 代码 sn-p。

<ul data-price="0"  data-subscribed='0' data-id="38579" data-type="1"  class="packagelistitems " >

=============

代码方法一：

elem = driver.find_element_by_id("38579").click()

代码方法二：

driver.find_element_by_class_name('btn btn-lg btn-primary button select-plan').click()

代码方法三：

elements = driver.find_elements_by_class_name("btn btn-lg btn-primary button select-plan")
for e in elements:
    e.click()

代码方法四：

driver.find_element_by_xpath('//*[@id="plan"]/div[1]/ul/li/div/div/div[2]/div[2]/a').click()

对于最后一个代码 sn-p (#4)，我收到以下错误：

selenium.common.exceptions.WebDriverException: Message: unknown error: Element <a data-id="38579" class="btn btn-lg btn-primary button select-plan">...</a> is not clickable at point (659, 14). Other element would receive the click: <div id="wpadminbar" class="">...</div>
  (Session info: chrome=61.0.3163.100)
  (Driver info: chromedriver=2.33.506120 (e3e53437346286c0bc2d2dc9aa4915ba81d9023f),platform=Windows NT 10.0.15063 x86_64)

Answer 1

尝试：

driver.find_element_by_xpath("//div[@class='pkg-button'] [a[text()='Select']]").click()

这样你选择带有class="pkg-button"的元素

Answer 2

不清楚为什么元素不可点击（可能你应该点击div 包装器而不是a 元素），所以试试这些，应该可以）

点击div:

//div[@class='pkg-button'][a[text()='Select']]

点击a标签

//div[@class='pkg-button']/a[text()='Select']

//a[text()='Select']

重要提示：请注意，在方法 4 中，您收到错误，其中 id 为 wpadminbar 的元素与您的项目重叠，因此请在浏览器开发工具中检查以确保某些 div 不是您想要的重叠元素点击 =)

Answer 3

find_element_by_id 正在搜索唯一的 id 属性，而不是像 data-id 这样的自定义命名属性

试试这个：

driver.find_element_by_xpath("//a[@data-id='38579']").click()

Answer 4

你可以试试

linkText 直接因为它与 Text 的链接

find_element_by_link_text("Select")

CSS

div.pkg-button>a[data-id='38579']

或

div[class='pkg-button']>a[data-id='38579']

或者最后是 XPATH

.//div[@class='pkg-button']/a[text()='Select']

虽然你的尝试没有成功，因为，

1. elem = driver.find_element_by_id("38579").click()这不起作用，因为下面没有匹配“id”属性的元素，“data-id”与“id”不同

2. driver.find_element_by_class_name('btn btn-lg btn-primary button select-plan').click() 这个选择器很宽泛。可能有许多可用的元素，它可能会点击你可能不想要的东西

3. elements = driver.find_elements_by_class_name("btn btn-lg btn-primary button select-plan") for e in elements: e.click() 与上面的 #2 类似，在点击您想要的元素之前，某些内容可能会随机失败

4. driver.find_element_by_xpath('//*[@id="plan"]/div[1]/ul/li/div/div/div[2]/div[2]/a').click() 这只是使选择器变脆的方法，我不希望它起作用。你也不能用这样的选择器编写 selenium 脚本，你的自动化将在左、右和中心失败。

Answer 5

你可能想看看使用 find_element_by_css_selector。 对于上述内容，使用您的浏览器，在感兴趣的 html 代码部分，单击“复制”，然后单击“复制选择器”。

How to css selector.