获取iframe的元素并进行操作
获取iframe中的document元素有一下集中方法:
1、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 !
2、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>元素
3、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的属性值