CODEWITHSUNDEEP
javascriptjquerycssasp.netascx
jan86
jan86

Reputation: 107

Getting the contents of iframe

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#form1 > div > pageBreaker

(This is an aspx page, within an aspx page, that uses ascx file within an iframe).

I'm trying to find a good javascript or Jquery method of getting to the pageBreaker element.

I've tried:

var jqIframe = $(iframe); 
var doc = jqIframe[0].document.form1; 
var el = doc.getElementById("pageBreaker"); //undefined

Upvotes: 0

Views: 6610

Answers (1)

Matt
Matt

Reputation: 4127

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.

Upvotes: 3

Related Questions