单击 Javascript 选项卡使用 Selenium 和 Python 没有唯一的 class id 或元素名称

Question

我有这个 HTML 元素代码，我目前正在努力弄清楚如何使用它来单击显示有问题的选项卡。由于 "Problem" 没有唯一的类名或元素 ID，我不知道如何发送 Click()。

我已经尝试检查 z-index 是否可以用作索引（假设）并在代码行下方使用

browser.switch_to_frame(a[3])

但我好像错了

HTML代码如下

<div class="TabsViewPort" style="position: relative; overflow: hidden; width: 896px; height: 22px; float: left;">
<div style="overflow: visible; float: left; width: 897px; top: 0px; left: 0px;">
<dl class="OuterOuterTab">
<dd class="OuterTab" artabid="955000038" arwindowid="0" style="top: 1px; z-index: 1; left: 0px; visibility: inherit; display: block;"><span class="TabLeftRounded">&nbsp;</span>
<span class="Tab"><a href="javascript:" class="btn f1" style="color:#000000;">My&nbsp;Profile</a>
</span>
<span class="TabRight">&nbsp;</span>
</dd>
<dd class="OuterTabSelected" artabid="600000203" arwindowid="0" style="top: 1px; z-index: 3; left: 63px; visibility: inherit; display: block;"><span class="TabLeft">&nbsp;</span>
<span class="Tab"><a href="javascript:" class="btn f1">Approval</a>
</span>
<span class="TabRight">&nbsp;</span>
</dd>
<dd class="OuterTab" artabid="536870915" arwindowid="0" style="top: 1px; z-index: 1; left: 409px; visibility: inherit; display: block;"><span class="TabLeft">&nbsp;</span>
<span class="Tab"><a href="javascript:" class="btn f1">Problem</a>
</span>
<span class="TabRight">&nbsp;</span>
</dd>
</dl>
</div>
</div>

Answer 1

请找到下面的 xpath 以单击第三个 TAB

(//span[@class="Tab"])[3]/a

Answer 2

如果元素出现在 iframe 中，那么您需要先切换到 iframe 才能访问该元素。您可以使用以下方法 frame_to_be_available_and_switch_to_it()

按定位器 ID

WebDriverWait(driver,10).until(EC.frame_to_be_available_and_switch_to_it((By.ID,"id of the iframe")))

或

按定位器名称

WebDriverWait(driver,10).until(EC.frame_to_be_available_and_switch_to_it((By.NAME,"name of the iframe")))

切换到 iframe 后，您可以使用以下方法访问该元素 xpath

点击元素 Induce WebDriverWait and element_to_be_clickable()

WebDriverWait(driver,10).until(EC.element_to_be_clickable((By.XPATH,"//span[@class='Tab']//a[text()='Problem']"))).click()

您需要导入以下内容才能执行上面的代码。

from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

希望这会有所帮助。

Answer 3

文本为问题的元素是一个 JavaScript 启用的元素，因此要 click() 在元素上你必须诱导 WebDriverWait 使 元素可点击，您可以使用以下任一解决方案：

使用XPATH答：

WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//div[@class='TabsViewPort']//dl[@class='OuterOuterTab']//dd[@class='OuterTab']//a[@class='btn f1' and text()='Problem']"))).click()

使用 XPATH B（缩写）：

WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//a[@class='btn f1' and text()='Problem']"))).click()

注意：您必须添加以下导入：

from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.common.by import By
from selenium.webdriver.support import expected_conditions as EC

单击 Javascript 选项卡使用 Selenium 和 Python 没有唯一的 class id 或元素名称

Clicking on Javascript tab using Selenium and Python without unique class id or element name

python

selenium

xpath

xpath-1.0

webdriverwait