javascript - 如何使用 jQuery 访问 iframe

Question

我想知道如何让我的父页面进入 iframe 并将innerhtml（使用 jQuery .html()）设置为我将提供的变量。

这是我到目前为止所拥有的：

var iframe = document.getElementById('framer');
var innerDoc = iframe.contentDocument || iframe.contentWindow.document;
var content_destination = innerDoc.getElementById('placecontenthere');  
$(content_destination).html("<span class='red'>Hello</span>");

有什么想法吗？

Answer 1

要使用 jQuery 访问 iframe 内容，您可以使用 contents() - 函数，如下所述：http: //api.jquery.com/contents/

您的代码示例可以替换为 oneliner；

$('#framer').contents().find('#placecontenthere').html('<span class="red">Hello</span>');