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!

morgancodes · Accepted Answer · 2010-03-24 17:30:30Z

32

You need to get the Document object for the frame.

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

answered Mar 24, 2010 at 17:30

morgancodes

25.3k39 gold badges139 silver badges191 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Nathan Tuggy · Accepted Answer · 2015-06-30 01:14:44Z

11

<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, 2015 at 1:14

Nathan Tuggy

2,23727 gold badges33 silver badges38 bronze badges

answered Jun 30, 2015 at 0:20

Vinod

5334 silver badges9 bronze badges

2 Comments

Heitor Over a year ago

document.getElementById("demo") returns null !!

ruffin Over a year ago

@Heitor, my quick guess is that you didn't nest things in document.addEventListener("DOMContentLoaded", function () {/*code here*/});, which might be useful. That said, I get that document.getElementById("demo").contentDocument is null even with the wrapper, though document.getElementById("demo") does return <frame id="demo" src="frame1.html"> using Canary. Weirdness is afoot.

Praveen_07 · Accepted Answer · 2015-06-19 03:01:21Z

9

You can try using framename as well

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

answered Jun 19, 2015 at 3:01

Praveen_07

1903 silver badges13 bronze badges

2 Comments

KlwntSingh Over a year ago

this does not return windows object hence will not work while window.frames[1] return windows object hence works.

devcodes Over a year ago

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

Collectives™ on Stack Overflow

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

3 Answers 3

Comments

2 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related