how to click button which is inside iframe using python selenium

Question

He is my sample snippet. i want to click the button-1034-btnIconEl using python selenium.

<html>
<body>
<div class="x-container x-border-item x-box-item x-container-default x-layout-fit" id="iframes" >
<iframe ></iframe>
<iframe class="x-component x-fit-item x-component-default" frameborder="0"  id="rpIFrame-1239">
 <html>
 <body>
 <div> .....many divs 
  <div>
   <a><span><span id="button-1034-btnIconEl"></span></span></a>
  </div>
 </div>
 </body>
 </html>
</iframe>

i tried this

 driver.switch_to.frame(1)
 driver.find_element(By.XPATH, "//span[contains(@id,'button-1034-btnIconEl')]").click()

but getting

"NoSuchElementException: no such element:"

Please help me to traverse this.

try out this answer [link](https://stackoverflow.com/questions/44834358/switch-to-an-iframe-through-selenium-and-python) — bugsb, Dec 12 '19 at 10:59

score 0 · Answer 1 · answered Dec 12 '19 at 10:58

0

Use the frame id instead of index

driver.switch_to.frame('rpIFrame-1239')

answered Dec 12 '19 at 10:58

Guy

46,488
10
44
88

Sameer Arora · Answer 2 · 2019-12-12T12:02:50.630

0

To switch on the iframe you can use:

driver.switch_to.frame(driver.find_element_by_tag_name('iframe'))

edited Dec 12 '19 at 12:02

answered Dec 12 '19 at 10:59

Sameer Arora

4,439
3
10
20

still same "NoSuchElementException: no such element: Unable to locate element: {"method":"css selector","selector":"[id="rpIFrame-1239"]"}" . this frame is inside div.so does i have to switch div ? @Sameer – Anu Priya Dec 12 '19 at 11:14
i gave time.sleep(20) to load the page.. after that also not finding the element – Anu Priya Dec 12 '19 at 11:16
I have edited the locator for the iframe. Please use the new one – Sameer Arora Dec 12 '19 at 11:17
@AnuPriya i have changed the path now, please check now – Sameer Arora Dec 12 '19 at 12:03

undetected Selenium · Answer 3 · 2019-12-12T12:10:20.777

To click() on the button with id as button-1034-btnIconEl as the the desired element is within an <iframe> so you have to:

Induce WebDriverWait for the desired frame to be available and switch to it.
Induce WebDriverWait for the desired element to be clickable.

You can use either of the following Locator Strategies:

Using CSS_SELECTOR:

WebDriverWait(driver, 10).until(EC.frame_to_be_available_and_switch_to_it((By.CSS_SELECTOR,"iframe.x-component.x-fit-item.x-component-default[id^='rpIFrame-']")))
WebDriverWait(driver, 10).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "a > span > span[id^='button'][id$='btnIconEl']"))).click()

Using XPATH:

WebDriverWait(driver, 10).until(EC.frame_to_be_available_and_switch_to_it((By.XPATH,"//iframe[@class='x-component x-fit-item x-component-default' and starts-with(@id, 'rpIFrame-')]")))
WebDriverWait(driver, 10).until(EC.element_to_be_clickable((By.XPATH, "//a/span/span[starts-with(@id, 'button') and contains(@id, 'btnIconEl')]"))).click()

Here you can find a relevant discussion on Ways to deal with #document under iframe

@AnuPriya The xml and the locators are tested and pretty much in sync. Possibly you made a mistake while handcrafting the HTML. Recheck and retest and let me know the status. — undetected Selenium, Dec 12 '19 at 12:25

how to click button which is inside iframe using python selenium

3 Answers3

Linked