一、在使用iframe的頁面,要操作這個iframe里面的DOM元素可以用:
contentWindow、contentDocument(測試的時候chrome瀏覽器,要在服務器環境下)
1、先獲取iframe里面的window對象,再通過這個對象,獲取到里面的DOM元素
例:
var ifr = document.getElementById('iframe'); //先獲取到了iframe
ifr.contentWindow.document.getElementById('XXX'); //先通過ifr.contentWindow獲取到iframe中的window對象,然后通過document.getElementById('XXX'),獲取iframe中的DOM
<iframe src="a.html" id=""></iframe>
注:iframe.contentWindow這里,返回的是iframe的window對象,所以后面可以接着調用document方法,再接着調用getElementByTagName。那么就可以對iframe里面的元素進行操作了。
二、在iframe本頁面,要操作這個iframe的父頁面的DOM元素(即嵌套這個iframe的頁面)可以用:
window.parent、window.top(這里的top是獲取的頂層,即有多層嵌套iframe的時候使用)
var ifr = document.getElementByTagName('iframe');
ifr.parent.document.getElementById('XXX');
<iframe src="a.html" id=""></iframe>
三、onload事件
非IE下用法
ifr.onload = function() { //SOMETHING }
IE下,需要綁定
ifr.attachEvent('onload',function() { //something });