如何获取子帧的内容?

时间:2011-06-25 12:02:23

标签: javascript jquery

如何检索iframe内部框架的所有HTML代码(包括头部和主体标签)(因此我的JS首先连接到iframe,然后连接到框架以获取所有HTML代码)? (所有页面都在同一个域中。)

2 个答案:

答案 0 :(得分:1)

我不确定iframe中的'框架'是什么,但如果你想从iframe中提取内容,你可以使用这段代码:

var iframe = document.getElementById("IFRAMEID");
var iframe_html = iframe.contentWindow.document;

IFRAMEID替换为您为iframe提供的ID。如果您使用的是jQuery,可以使用jQuery的$ -selector来执行相同的操作:

var content = $("#IFRAMEID").contentWindow.document;
var content = $("#IFRAMEID").contents(); // Both are correct;

如果您只想提取身体部位(或操纵它),您可以像这样提取文档的正文部分:

var iframe = document.getElementById("IFRAMEID");
var content = iframe.contentWindow.document.body.innerHTML;

现在您可以使用content来阅读HTML,也可以写入innerHTML并操纵iframe本身的内容。

答案 1 :(得分:0)

尝试使用jQuery的.contents()函数(http://api.jquery.com/contents/)。