I have an iframe. I want to access a table which present inside iframe.I want to access it from parent window of iframe. I have written JS like

Document.getElementById("table Id");

But the result e null. What is the process to get it? thanks

I have an iframe. I want to access a table which present inside iframe.I want to access it from parent window of iframe. I have written JS like

Document.getElementById("table Id");

But the result e null. What is the process to get it? thanks

• javascript
• html
• iframe

Share Improve this question Follow asked Dec 30, 2011 at 5:35 user1122379user1122379 1911 gold badge22 silver badges44 bronze badges 4

• 1 i think this is not possible nowadays, is it cross-domain? – Joseph Commented Dec 30, 2011 at 5:49
• possible duplicate of stackoverflow./questions/729577/… – Pencho Ilchev Commented Dec 30, 2011 at 5:49
• 1 @fskreuz that only the case when the iframe isn't on the same domain. Otherwise there is no problem to access elements in the iframe. – Andreas Köberle Commented Dec 30, 2011 at 21:42
• @user1122379 you should mention if the iframe is on the same domain or not, cause the answer to the question depends a lot on that fact. – Andreas Köberle Commented Dec 30, 2011 at 21:46

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 4

x=document.getElementById("iFrameId");
x.contentDocument.getElementById("tableId");

if you can use jQuery i guess it will work across browsers

$("#iFrameId").contents().find("#tableId")

You have to select the element from the iFrame's document. Per Juan's ment, check against both the name, and id of the iFrame

var targetFrame = window.frames["nameOfIFrame"] || window.frames["iFrameId"];
targetFrame.document.getElementById("tableId");

EDIT

I just tested this with the following:

window.frames["fName"].document.getElementById("Adam").innerHTML

in the Chrome console, and it output the html of the Adam div from within my iframe.