Changing the stylesheet of a nested page at runtime
I gather that in XHTML, the correct way to have a nested page is as follows (instead of an iframe):
<object name="nestedPage" data="http://abc.com/page.html" type="text/html" width="500" height="400" />
Please assume that you do not have control of the original source code of the nested page, yet it is on the same domain (don't ask)
d = document.getElementsByTagName('object').namedItem('nestedPage').getContentDocument(); d.styleSheets[d.styleSheets.length].href = 'whereever';
WARNING: hasn't been tested in all browsers.