获取iframe的内容

Question

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

html＆gt;身体＆gt; form＃form1＆gt; iframe＃report-container＆gt; html＆gt;身体＆gt; form＃form1＆gt; div> pageBreaker

（这是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来查找元素是微不足道的。