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

JavaScript0301

如何用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')

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

var frame = document.getElementById("ueditor_0")

var frameDocument = frame.contentWindow.document

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