获取iframe的元素并进行操做

获取iframe中的document元素有一下集中方法：

一、getElementById()方法和contentWindow属性：

window.onload=function(){ /*必须等待页面加载结束后*/
 document.getElementById("iframe的ID").contentWindow.document.getElementById("元素的ID")
 document.getElementById("iframe的ID").contentDocument.getElementById("元素的ID") }

 

注意：上面的 .contentDocument （不能用于IE，由于IE不存在这个属性）至关于 .contentWindow.document ！

 

二、window.对象的frames属性

window.onload=function(){ /*必须等待页面加载结束后*/ window.frames["索引或者iframe的name属性值"].document.getElementById("元素的ID") }

 

window.frames属性引用的是类数组对象，并能够经过数字或窗体名进行索引。

window.frames[0]　　//窗口的第一个子窗体

window.frames["iframe的name属性值"]　　//window.frames["f1"]或者window.frames.f1

注意：frames[]数组里的元素是Window对象，而不是<iframe>元素

 

三、iframe的name属性值

window.onload=function(){ /*必须等待页面加载结束后*/ iframe的name属性值".document.getElementById("元素的ID") /*窗体的名字是指窗体中的window对象*/

}

 

注意：能够经过窗体的名字“f1”来代替frames.f1.

 

补充：

 

获取iframe的窗体： document.getElementById("iframe的ID").contentWindow = window.frames["索引或者iframe的name属性值"] = iframe的name的属性值