var f2 = top.Frame2;
top.Frame2.varInFrame2 = 100;
var ele = top.Frame2.document.getElementById('eleIdInFrame2');
Now we can change properties and call methods of that Element object.
ele.style.visibility = "visible";
The following example utilizes the techniques discussed above. There are two vertical frames. In the left frame are terms which use a mouseover event to show and hide their definitions in the right frame.
<html> <head> </head> <frameset cols="30%,70%"> <frame name="Frame1" src="frame1.html"> <frame name="Frame2" src="frame2.html"> </frameset> </html>
I tested the above example with IE6.0, Mozilla1.0, and Opera6.01. You can view the example online.