单击按钮时如何删除iframe答案

【问题标题】：How to remove iframe when click to button单击按钮时如何删除iframe
【发布时间】：2017-02-09 22:54:43
【问题描述】：

我有一个脚本，如果你把它放在你的网站上，它会在你的网站上插入 iframe iframe 调用测验网页此测验页面将在您的网站上方，如果您正确回答测验，则应将其全部覆盖。测验页面应被删除..所以我做所有事情，但是当他完成时我无法删除 iframe问题以查看原始网站。

这是我想要的样本。

我有两页，第一页是父页，第二页是子页我想知道当我单击子页面内的按钮时如何删除 iframe；

父母

<!DOCtype>
<html>
<head>
</head>
<body>
  Parent
  <iframe id="frame" src="child.html"></iframe>
</body>
</html>

还有孩子

<!DOCTYPE html>
<html>
<body>
  <button onclick="myFunction()">Click me</button>
  <script>
    window.onload = function() {
      function myFunction() {
        var getframe = document.getElementById("frame");
        getframe.innerHTML = '';
      }
    }
  </script>
</body>
</html>

我收到这个错误

myFunction 未定义

我尝试了很多方法，但没有一个有效

【问题讨论】：

您的函数myFunction 不可全局访问，因为它是您的onload 函数的一部分。您是否尝试将其移至 <script> 的顶部？
我试过了，我得到这个错误无法设置属性'innerHTML' of null
目的是从child执行js，而不是parent
我更新了帖子，你能再看看吗

标签： javascript jquery iframe

【解决方案1】：

与 cmets 一样，您的函数仅在 onload 中可见。
试试这个：

<!DOCTYPE html>
<html>
<head>
  <script>
    function myFunction() {
       var getframe = document.getElementById("frame");
       getframe.innerHTML = '';
    }
    function delFrame() {
       var getframe = document.getElementById("frame");
       getframe.remove();
    }
    function hideFrame() {
       var getframe = document.getElementById("frame");
       getframe.style.display = 'none';
    }
    function showFrame() {
       var getframe = document.getElementById("frame");
       getframe.style.display = 'block';
    }
    window.onload = function() {
      myFunction();
    }
  </script>
</head>
<body>
  <iframe id="frame" src="child.html"></iframe>
  <button onclick="myFunction()">Click me</button>
  <button onclick="delFrame()">Delete Frame</button>
  <button onclick="hideFrame()">Hide Frame</button>
  <button onclick="showFrame()">Show Frame</button>
</body>
</html>

注意：该函数称为onload AND 按钮点击。

【讨论】：

我试过了，我得到这个错误无法设置属性'innerHTML' of null
你的 codedocument.getElementById("frame")returns null，因为没有 frame (element) 可以通过这个 id 获取
我将missig代码/元素（以及更多）添加到sn-p！
我想要什么，当我点击按钮打开父页面时，应该删除 iframe。
这个应该是父页面还是子页面？