How to append element to parent body from an iframe?

Question

I have this code in the iframe.

<script type="text/javascript">
    $(document).ready(function(){
        $("body").append($("#ctap").html());
    });
</script>

I want to append #ctap 's html to parent body. How can I do that ?

Answer 1

尝试使用document.ready中的一段代码

parent.$("body").append($("#ctap").html());

Answer 2

If the parent body you should have something like this:

var iFrame = $('#iframe_id');
var iContent = iFrame.contents().find("#ctap").html();
$("body").append( iContent );

Answer 3

To be able to access the content of the host page from the iframe they must have exactly the same location (hostname and port) due to cross domain scripting restrictions.

See How to remove iframe from parent page using a function inside the iframe?