JS獲取/設置iframe內對象元素、文檔的幾種方法

1、IE專用(通過frames索引形象定位)：

document.frames[i].document.getElementById('元素的ID');

2、IE專用(通過iframe名稱形象定位)：

document.frames['iframe的name'].document.getElementById('元素的ID');

以上方法，不僅對iframe適用，對frameset里的frame也同樣適用。IE雖然擅於自定標准，但不得不說它很多的設計還是比較體現人性化的。比如這個，它在同樣支持下面的標准路徑之外，提供了一個簡潔且形象化的寫法。

3、通用方法：

document.getElementById('iframe的ID').contentWindow.document.getElementById('元素的ID')

注意要加上contentWindow，往往出現問題都是因為這個容易被忽略，它代表frame和iframe內部的窗口對象。

 

 

---

 

 

JS獲取iframe文檔內容

<script type="text/javascript"> 
function getIframeContent(){  //獲取iframe中文檔內容
	var doc;
	if (document.all){ // IE 
		doc = document.frames["MyIFrame"].document; 
	}else{ // 標准
		doc = document.getElementById("MyIFrame").contentDocument; 
	}

	return doc.body.innerHTML;
} 
</script>

注意：上面的 .contentDocument 相當於 .contentWindow.document ！

 

 

延伸閱讀：

實用框架（iframe）代碼