Getting the contents of iframe

Question

I\'m currently trying to find the element located in an iframe. The hierarchy goes like this.

html > body > form#form1 > iframe#report-container > html > body > form#f

Answer 1

You don't need jQuery to do this necessarily.

var iFrame = document.getElementById('iFrameId').contentDocument;
var desiredElement = iFrame.getElementById('pageBreaker');

Using the document API we can easily get the iFrame element and pull the content document out of it. Then it is trivial locating an element via its ID.