IE的iframe與getElementById問題

Question

我有一個iframe，其中包含一個頁面，我用div來加載一些圖。可悲的IE瀏覽器不會找到與函數document.getElementById的div，但Firefox將沒有問題。任何暗示最新情況如何？由於

<iframe id="ganttFrame" src="data.html"> 

data.html：

<div class="gantt" id="GanttChartDIV"></div> 
<script>  
    var g = new JSGantt.GanttChart('g',document.getElementById('GanttChartDIV'), 'day'); 
</script> 

Answer 1

我想你需要得到這樣的元素，因爲它實際上是一個單獨的窗口的一部分。

document.getElementById('ganttFrame').document.getElementById('GanttChartDIV') 
//      ^^^get the iframe's document... the the ^^^^ 

，或者您可以使用（如果您的IFRAME有name屬性設置爲ganttFrame）：

window.frames['ganttFrame'].document.getElementById('GanttChartDIV') 

從理論上講，每一個IFRAME 可以包含完全相同的副本ID的，因爲它是一個單獨的文件，因此爲了正確導航它，你需要獲得iframe，然後在那個「窗口」中獲得子div。