[开发测试]Selenium遇到iframe，直接定位元素no such element问题

写在前面的话：

今天接了个活，需要把在某个网站上的重复式人工操作点点点，以程序脚本的方式来完成，然后就想到使用selenium来操作。

结果开局就蒙了，使用浏览器定位了需要元素，然后代码获取，一直no such element异常。试了好几种定位元素的方式结果都是这个异常，甚至一度怀疑本地driver驱动与浏览器版本不兼容了，直接把两个都更新了还是不行。

最后才静下心来，仔细分析一波，发现我要定位的元素是在一个iframe里，然后又了解到selenium遇到iframe需要切换窗口特殊处理下。okk问题找到了，很快解决了。

28定律80%的时间用在定位问题，还是要细心。道阻且长行则将至。

问题：

Selenium遇到iframe，直接定位元素no such element问题

html页面

<div id="modal">
  <iframe id="buttonframe"name="myframe"src="https://seleniumhq.github.io">
   <button>Click here</button>
 </iframe>
</div>

脚本

    # 这不会工作
driver.find_element(By.TAG_NAME, 'button').click()
    #得到一个 no such element 

原因：

?这是因为 Selenium 只知道顶层文档中的元素。

解决：

了与按钮进行交互，我们需要首先切换到框架， 这与切换窗口的方式类似。

WebDriver 提供了三种切换到帧的方法。

a、使用 WebElement

    # 存储网页元素
iframe = driver.find_element(By.CSS_SELECTOR, "#modal > iframe")

    # 切换到选择的 iframe
driver.switch_to.frame(iframe)

    # 单击按钮
driver.find_element(By.TAG_NAME, 'button').click()

b、使用 name 或 id

    # 通过 id 切换框架
driver.switch_to.frame('buttonframe')

    # 单击按钮
driver.find_element(By.TAG_NAME, 'button').click()

c、使用索引

    # 基于索引切换到第 2 个 iframe
iframe = driver.find_elements_by_tag_name('iframe')[1]

    # 切换到选择的 iframe
driver.switch_to.frame(iframe)

操作完成退出iframe回到上一层html

    # 切回到默认内容
driver.switch_to.default_content()

创作打卡挑战赛

赢取流量/现金/CSDN周边激励大奖