I want to access iframe content on parent jQuery.
I have add following code on parent page.
$(document).ready(function () {
$('#MyIframe').load(function () {
$('#MyIframe').contents().find('body').html('Hey, i`ve changed content of <body>! Yay!!!');
});
});
My iframe page load from other site And it give me an error
Error: Permission denied to access property 'ownerDocument'
[Break On This Error]
...f ( ( context ? context.ownerDocument || context : preferredDoc ) !== document )...
I want to access iframe content on parent jQuery.
I have add following code on parent page.
$(document).ready(function () {
$('#MyIframe').load(function () {
$('#MyIframe').contents().find('body').html('Hey, i`ve changed content of <body>! Yay!!!');
});
});
My iframe page load from other site And it give me an error
Error: Permission denied to access property 'ownerDocument'
[Break On This Error]
...f ( ( context ? context.ownerDocument || context : preferredDoc ) !== document )...
- 4 And the iFrame is of course showing content from the same domain ? – adeneo Commented Jun 17, 2013 at 7:23
1 Answer
Reset to default 4The code is working if you remove the onload of the iframe. http://jsfiddle/qPFza/
$(document).ready(function () {
$('#myiframe').contents().find('body').html('Hey, i`ve changed content of <body>! Yay!!!');
});
So your issue is because the content of your iframe is not fired the onload that you have set.
See this example, the load function also not called here. http://jsfiddle/qPFza/1/
Now on this example that the content is from different web site, is not let you change it. http://jsfiddle/qPFza/2/
If the web page and the iframe are from different sites you can not change the one from the other.