[英]How to click on drop down menu in Python using Selenium and Chrome
The drop down menu only appears when you hover the mouse over. 只有将鼠标悬停在鼠标悬停上时,才会显示下拉菜单。
I tried a lot of solutions online with no luck: 我在网上尝试了很多解决方案而没有运气:
Most of them assume that the tag name is "option", while for me the HTML is a little bit different. 他们中的大多数人都认为标签名称是“选项”,而对我来说,HTML有点不同。 The HTML is below, and top level memu is m1. HTML在下面,顶级memu是m1。 I'm looking to click on the dropdown menu m1_m7. 我想点击下拉菜单m1_m7。
<li class="item first"></li>
<li class="item" style="z-index: 0;">
<a id="m1" class="link " href="www.example.com"></a>
<div class="slide" style="z-index: 11; display: none; overflow: hidden; height: 184px; width: 151px; top: 26px; left: 0px;">
<ul class="vertical group level1" style="z-index: 11; display: block; top: -184px;">
<li class="item first" style="z-index: 0;"></li>
<li id="m1_m1" class="item separator " style="width: 151px;"></li>
<li class="item" style="z-index: 0;"></li>
<li id="m1_m3" class="item separator " style="width: 151px;"></li>
<li class="item" style="z-index: 0;"></li>
<li id="m1_m5" class="item separator " style="width: 151px;"></li>
<li class="item" style="z-index: 0;"></li>
<li id="m1_m7" class="item separator " style="width: 151px;"></li>
<li style="z-index: 0;" class="item"><a style="width: 151px;" href="www.example.com/sub8" id="m1_m8" class="link "><span class="text expandLeft">Benefits</span></a><div style="z-index: 42; display: none; overflow: hidden; height: 105px; width: 206px; top: 0px; left: 151px;" class="slide">
<ul style="z-index: 42; display: block; left: -206px;" class="vertical group level2">
<li class="item first"><a style="width: 206px;" href="www.example.com/sub8_0" id="m1_m8_m0" class="link "><span class="text">Patient Safety - Joint Commission</span></a></li><li style="width: 206px;" id="m1_m8_m1" class="item separator "><span class="text"></span></li><li class="item"><a style="width: 206px;" href="www.example.com/sub8_1" id="dnn_INGENIMENU1__ctl0_m1_m8_m2" class="link "><span class="text">Perioperative Efficiency</span></a></li><li style="width: 206px;" id="dnn_INGENIMENU1__ctl0_m1_m8_m3" class="item separator "><span class="text"></span></li><li class="item"><a style="width: 206px;" href="www.example.com/sub8_3" id="m1_m8_m4" class="link "><span class="text">SCIP Compliance</span></a></li><li style="width: 206px;" id="m1_m8_m5" class="item separator "><span class="text"></span></li><li class="item last"><a style="width: 206px;" href="www.example.com/sub8_5/" id="m1_m8_m6" class="link "><span class="text">Time Out Electronic Checklists</span></a></li>
</ul>
</div></li>
<li id="m1_m9" class="item separator " style="width: 151px;"></li>
<li class="item" style="z-index: 0;"></li>
<li id="m1_m11" class="item separator " style="width: 151px;"></li>
<li class="item last"></li>
Any suggestions are welcome are appreaciated. 任何建议都是受欢迎的。
Looks like that the li
with id="m1_m5"
is a separator between list items and you probably need the next li
element after it, you can get it using xpath and following-sibling
: 看起来像id="m1_m5"
的li
是列表项之间的分隔符,你可能需要它之后的下一个li
元素,你可以使用xpath和follow following-sibling
来获取它:
# open up the dropdown
dropdown = driver.find_element_by_css_selector("ul.level1")
dropdown.click()
# select element
item = dropdown.find_element_by_xpath("//li[@id='m1_m5']/following-sibling::li")
item.click()
Update (hovering the menu, click on submenu at livedata): 更新(悬停菜单,点击livedata上的子菜单):
from selenium import webdriver
from selenium.webdriver import ActionChains
from selenium.webdriver.support.wait import WebDriverWait
from selenium.webdriver.common.by import By
from selenium.webdriver.support import expected_conditions as EC
driver = webdriver.Firefox()
driver.get("http://www.livedata.com/")
wait = WebDriverWait(driver, 10)
healthcare = wait.until(EC.visibility_of_element_located((By.XPATH, "//li[@class='item' and a/span='Healthcare']")))
ActionChains(driver).move_to_element(healthcare).perform()
benefits = wait.until(EC.visibility_of_element_located((By.XPATH, "//li[@class='item']/a[span='Benefits']")))
ActionChains(driver).move_to_element(benefits).click().perform()
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.