获取iframe的内容

Question

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

html > 正文 > form#form1 > iframe#report-container > html > 正文 > 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

Answer 1

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

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

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

Getting the contents of iframe