获取 iframe 的内容答案

【问题标题】：Getting the contents of iframe获取 iframe 的内容
【发布时间】：2017-03-02 08:46:47
【问题描述】：

我目前正在尝试查找位于 iframe 中的元素。层次结构是这样的。

html > body > form#form1 > iframe#report-container > html > body > form#form1 > div > pageBreaker

（这是一个 aspx 页面，在一个 aspx 页面中，在 iframe 中使用 ascx 文件）。

我正在尝试找到一个好的 javascript 或 Jquery 方法来获取 pageBreaker 元素。

我试过了：

var jqIframe = $(iframe); 
var doc = jqIframe[0].document.form1; 
var el = doc.getElementById("pageBreaker"); //undefined

【问题讨论】：

你已经尝试了什么？
var jqIframe = $(iframe); var doc = jqIframe[0].document.form1; var el = doc.getElementById("pageBreaker"); //未定义

【解决方案1】：

您不一定需要 jQuery 来执行此操作。

var iFrame = document.getElementById('iFrameId').contentDocument;
var desiredElement = iFrame.getElementById('pageBreaker');

使用文档 API，我们可以轻松获取 iFrame 元素并从中提取内容文档。然后通过它的 ID 定位一个元素是微不足道的。

【讨论】：