How can I get an element from within a frameset frame using JavaScript?

Question

I need to access and element from within a frameset frame. For example if I have the following markup:

<frameset rows="33%,33%,*">
  <frame src="frame1.html"/>
  <frame src="frame2.html"/>
  <frame src="frame3.html"/>
</frameset>

How can I get some element from one of the child frames? I have tried this:

window.frames[1].getElementById('someElementId')

This results in a type error :

getElementById() is not a function.

Can someone assist?

Thanks!

score 30 · Accepted Answer · answered Mar 24 '10 at 17:30

30

You need to get the Document object for the frame.

window.frames[1].document.getElementById('someElementId')

answered Mar 24 '10 at 17:30

morgancodes

score 9 · Answer 2 · edited Jun 30 '15 at 01:14

9

<frameset rows="33%,33%,*">
<frame id="demo" src="frame1.html"/>
<frame src="frame2.html"/>
<frame src="frame3.html"/>
</frameset>

Answer:

document.getElementById("demo").contentDocument.documentElement.innerHTML;

edited Jun 30 '15 at 01:14

Nathan Tuggy

answered Jun 30 '15 at 00:20

Vinod

score 7 · Answer 3 · answered Jun 19 '15 at 03:01

7

You can try using framename as well

window.frames['frame_name'].document.getElementsByName('element_name');

answered Jun 19 '15 at 03:01

Praveen_07

this does not return windows object hence will not work while window.frames[1] return windows object hence works. – KlwntSingh Jun 29 '15 at 05:08
getting frame by name here which is a string i.e frame_name , gave me an error , `element implicitly has an 'any' type because index expression is not of type 'number'` , had to set `suppressImplicitAnyIndexErrors` to true in tsconfig.json – devcodes Aug 07 '19 at 09:23

3 Answers3