CODEWITHSUNDEEP
javascriptdomhtml-frames
ante.sabo
ante.sabo

Reputation: 3199

javascript document.getElementById in other frames

I have two frames and want to access an element in one frame from another:

Frame 1:

<div id='someId'>...</div>

Frame 2:

var div=document.getElementById('someId');

div.innerHTML='something';

This is somehow not functioning in Firefox so I want to be sure, can I access an element in another frame by its ID?

Upvotes: 21

Views: 62010

Answers (7)

Pablo Martinez
Pablo Martinez

Reputation: 51

Simply use frameId.MyElementId

Of course, when defining your frame, not enough to use "name=....", rather use "id=..." within your frame tag. E.g.:

    <iframe id=MyFrame> .... 
          <input id=MyElementId>
               ...

    <script>
       // do something with MyElementId
           MyFrame.MyElementId.value = "something";

At least, it works as of 2022 (almost 2023).

[Note that I didn't even use "name"... that's quite not necessary by these days, unless you want to use radio buttons with multiple <INPUT's that refer to the same mutually exclusive element]

Upvotes: 0

Erisan Olasheni
Erisan Olasheni

Reputation: 2905

document.getElementById('frameId').contentDocument.getElementById('frameChild');

Upvotes: 1

drset
drset

Reputation: 151

For some reason

window.frames["framename"].document.getElementById ( "yourelementid" );

was not working for me.

This other method did:

   document.getElementById('framename').contentWindow.document.getElementById('yourelementid');

Upvotes: 0

goodhyun
goodhyun

Reputation: 5002

Or, if you feel like trying your luck, you can just use a numeric parameter.

window.frames[0].document

Upvotes: 0

Brian Duncan
Brian Duncan

Reputation: 1186

The issue may be the current frame you are in. If window.frames['framename'] does not work, try parent.frames['framename'] to access the top level frames.

if(parent.frames && parent.frames['framename']) {
   var elem = parent.frames['framename'].document.getElementById(...); 
   // etc
}

Upvotes: 13

Flea
Flea

Reputation: 11284

I was having problem with the JS version but was able to use these examples for a working jQuery version:

var obj = $('#yourelementid', parent.frames["framename"].document);

Upvotes: 1

rahul
rahul

Reputation: 187020

You can refer the other frame by using

window.frames["framename"]

and then you can refer the element in the DOM by using

window.frames["framename"].document.getElementById ( "yourelementid" );

Upvotes: 27

Related Questions