jQuery从iFrame获取代码 - 只有来自给定div id的代码

Question

我正在使用此代码从iframe获取代码：

var data = document.getElementById("iframe_id").contentWindow.document.documentElement.outerHTML;

这将从页面获取整个代码。

在代码中有一个id为mydata的div，我想要的只是div中的代码。

我该怎么做？

Answer 1

我不确定你是否想要使用jQuery（因为标题令人困惑），但是使用jQuery，可以这样做：

var data = $("#iframe_id").contents().find("#mydata");

这将获取iframe中具有ID mydata。

的元素

Answer 2

您可以在加载iframe后使用普通版的Javascript进行此操作，并且只有在同一域下时才会这样做（出于安全原因）。

var iframe = document.getElementById('iframe_Id');
var iframeContent = iframe.contentDocument || iframe.contentWindow.document;
var iframeContentId = iframeContent.getElementById('mydata');