Question

Possible Duplicate:
Can javascript access iframe elements from the parent page?

I have an iframe in my document, and I want to get (and change) some attributes in it with JQuery. This is the code:

var iframe = $('iframe');

        $("#id").click(function() {
            var btn = iframe.contents().find('a[href*="script.php"]'); 
            alert(btn);
            for (var i=0, attrs=btn.attributes, l=attrs.length; i<l; i++){
                alert(attrs.item(i).nodeName);
            }
         });

The first alert says “[object Object]”, then I’m getting errors:

Unsafe JavaScript attempt to access frame with URL
http://somedomain.ru/somescript.php from frame with URL
http://domain.wia-games.net/. Domains, protocols and ports must match.

and

Uncaught TypeError: Cannot read property ‘length’ of undefined

How should I solve the problem?

UPD.
console.log(btn):

[prevObject: st.fn.st.init[0], context: document, selector:
“a[href*=”script.php”]”, jquery: “1.9.0”, constructor: function…]
context: #document length: 0 prevObject: st.fn.st.init[0] selector:
“a[href*=”script.php”]”
proto: Object[0]

Answer 1

This is a constraint implemented on browsers for security reasons: Same origin policy

Safe Workarounds exist:

• JSON to JSONP: Bypass Same-Origin Policy
• Using headers: Content Security Policy 1.1
• YQL ?!