2

Using the Chrome Dev Tools console, I'm trying to select an element inside an iframe on the page. Is there a way to do this programmatically without having to select the frame in the frames dropdown in order to set the console context to that frame first? Assuming the target iframe is frames[1], and the element inside that iframe has an id of "some-elem", the following does not seem to work:

frames[1].document.getElementById('some-elem');
Cœur
  • 37,241
  • 25
  • 195
  • 267
jbyrd
  • 5,287
  • 7
  • 52
  • 86

1 Answers1

1

I think you want contentDocument instead of document (see this related question).

Note that this will only work if iframe and main document are in the same domain. Otherwise, you are attempting cross-site scripting and it will be blocked by the browser.

iframe access blocked by the browser

Konrad Dzwinel
  • 36,825
  • 12
  • 98
  • 105
  • 1
    That's it! One gotchya is that `frames[1]` doesn't work. `frames[1]` does not contain a `contentDocument` property. I need to select the iframe element with a regular query selector (as you alluded to in your cross-site scripting example). – jbyrd Jun 15 '15 at 17:47
  • I'm glad to hear that you got that figured out :) – Konrad Dzwinel Jun 15 '15 at 17:54