javascript - 获取iframe的内容

Question

我目前正在尝试查找位于 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 

Answer 1

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

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

使用文档 API，我们可以轻松获取 iFrame 元素并从中提取内容文档。然后通过元素的 ID 定位元素就很简单了。