How to Access Elements in FancyBox iframe

Question

There is an iframe, opened in fancybox window.
The content of the iframe is external.
Is there a way to access this content and to change the style of one of the elements?

Answer 1

Since the iframe has contents from the same domain, access the iframe using contents() like this:

$('#fancybox-content iframe').contents().find('.selector')

Answer 2

If the iFrame is on another domain you can't access it in any way due to browser restriction. This is called same origin policy.

One thing that can get around it is the greasmonkey extension for firefox (this has no actual utility, it's just to let you know this fact if you are interested)