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');