如何用JS获取iframe里面的内容

JavaScript019

如何用JS获取iframe里面的内容,第1张

1、获取iframe

eg. var ifr_window = window.frames["frameName"]

2、获取iframe中的元素

eg1. 将iframe中id为elementId 的元素置为不显示：

var ifr_window = window.frames["frameName"]

ifr_window.elementId.style.display = 'none'

eg2. 获取iframe中id为listTable的表格

var oTable = window.frames["myFrame"].document.all.listTable

3、隐藏或显示表格的某列

js函数：

function setHiddenOrShowCol(oTable, iCol, type) {

for (i = 0i <oTable.rows.length i++) {

oTable.rows[i].cells[iCol].style.display = type

}

}

调用举例，将id为listTable的表格元素的第4列置为不显示：

var oTable = window.frames["myFrame"].document.all.listTable

setHiddenOrShowCol(oTable, 3, 'none')

调用举例2，将id为listTable的表格元素的第4列置为显示：

var oTable = document.frames.myFrame.document.all.listTable

setHiddenOrShowCol(oTable, 3, 'block')

query取得iframe中元素的几种方法

在iframe子页面获取父页面元素

代码如下:

$('#objId', parent.document)

// 搞定...

在父页面 获取iframe子页面的元素

代码如下:

$("#objid",document.frames('iframename').document)

$(document.getElementById('iframeId').contentWindow.document.body).html()

显示iframe中body元素的内容。

$("#testId", document.frames("iframename").document).html()

根据iframename取得其中ID为"testId"元素

$(window.frames["iframeName"].document).find("#testId").html()

用JS或jQuery访问页面内的iframe,兼容IE/FF

注意:框架内的页面是不能跨域的!

首先你要能获取到这个iframe的dom对象，假设我们知道它的ID；

var frame = document.getElementById("ueditor_0")

var frameDocument = frame.contentWindow.document

iframe中的document对象拿到了，后边如何获取你想要的元素就很简单了吧。