隐藏iframe并显示原始内容？

Question

我有2张图片，如果我点击第一张图片，它会转到allwidget()方法，生成iframe。我还有另一个调用homepage()的图片，当我点击该图片时，必须隐藏iframe，并且必须显示原始用户界面。

我的代码是：

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

为什么不简单地从outer元素中删除HTML？

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

修改：

如果外部element包含原始用户界面，您可以在显示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;
}