隱藏一個iframe並顯示原始內容？

Question

我有2個圖像，如果我點擊第一個圖像，它將轉到allwidget()方法，該方法會生成iframe。我也有另一個圖像，調用homepage()，當我點擊該圖像時，iframe必須隱藏並且必須顯示原始UI。

我的代碼是：

function allwidget(url){ 
    var outer= document.getElementById("outer"); 
    outer.innerHTML = "<iframe src="+url+" align='left' height='1060px' width='5760px' scrolling='no' frameborder='0' id='lodex' style='visibility:visible;'></iframe>"; 
} 

function homepage(){ 
    alert("super"); 
    var outer= document.getElementById("lodex").style.display="visible"; 
    if (outer){ 
    var outer= document.getElementById("lodex").style.display="visible"; 
    document.getElementById("lodex").style.display="hidden"; 
    } 
} 

我試過很多東西，但沒有得到解決

請幫助

謝謝...

Answer 1

爲什麼不直接去掉HTML來自outer元素？

function homepage(){ 
    var outer = document.getElementById("outer"); 
    outer.innerHTML = ""; 
} 

編輯：

或者，如果外element包含在原始UI，可以顯示iframe之前保存和事後恢復它：從

var originalHTML; 

function allwidget(url){ 
    var outer= document.getElementById("outer"); 
    originalHTML = outer.innerHTML; 
    outer.innerHTML = "<iframe src="+url+" align='left' height='1060px' width='5760px' scrolling='no' frameborder='0' id='lodex' style='visibility:visible;'></iframe>"; 
} 

function homepage(){ 
    var outer = document.getElementById("outer"); 
    outer.innerHTML = originalHTML; 
}