Javascript创建和删除iframes onClick_Javascript

Javascript创建和删除iframes onClick

javascript

Javascript创建和删除iframes onClick,javascript,Javascript,我试图阅读信息，但发现自己迷路了有没有一种方法可以使用javascript创建和删除iframe 要做的事情：在按钮上单击“创建并删除iframe”10次，但我不知道如何关闭iframe Js小提琴我现在看到了，我忘了最后的步骤，现在它开始工作了。有没有办法重现iFrame 编辑2：新问题：未捕获引用错误：未定义createIFrames <html> <body> <button type="button" onclick="removeIFrame()"&

我试图阅读信息，但发现自己迷路了

有没有一种方法可以使用javascript创建和删除iframe

要做的事情：在按钮上单击“创建并删除iframe”10次，但我不知道如何关闭iframe

Js小提琴

我现在看到了，我忘了最后的步骤，现在它开始工作了。有没有办法重现iFrame

编辑2：

新问题：未捕获引用错误：未定义createIFrames

<html>
<body>
<button type="button" onclick="removeIFrame()">Click Me!</button>
<button type="button" onclick="createIFrames()">Create iframe!</button>
  <div class="top" onclick="removeIFrame();"></div>

  <iframe id="iframe" src="www.google.com" width="200" height="100"></iframe>
  <div class="top"></div>
</body>
<script type="text/javascript">
    function removeIFrame() {
var iframes = document.querySelectorAll('iframe');
for (var i = 0; i < iframes.length; i++) {
    iframes[i].parentNode.removeChild(iframes[i]);
}
}
</script>
<script type="text/javascript">
    function createIFrames() {
var ifrm = document.createElement("iframe");
        ifrm.setAttribute("src", "http://hello.com/");
        ifrm.style.width = "640px";
        ifrm.style.height = "480px";
        document.body.appendChild(ifrm);

}
}
</script>
</html>

您可以尝试以下方法：

首先在HTML中创建和删除iframe，然后创建一个删除按钮，在删除按钮的操作中，这将用于从您的网页中删除iframe

var iframes = document.querySelectorAll('iframe');
for (var i = 0; i < iframes.length; i++) {
    iframes[i].parentNode.removeChild(iframes[i]);
}

希望这有帮助。您可以在下面的代码中找到注释。基本上，需要等待使用onload事件加载所有iframe，然后逐个删除每个iframe

window.onload=函数{ var count=0；//将计数器设置为0 //创建iFrame

对于i=1；我与我们共享您的代码。最好是创建一个fiddleadded code+JSFIDLE，感谢您的建议@use the document.create Elemetent'iframe'in looping，并为此设置all属性。

<html>
<body>
<button type="button" onclick="removeIFrame()">Click Me!</button>
<button type="button" onclick="createIFrames()">Create iframe!</button>
  <div class="top" onclick="removeIFrame();"></div>

  <iframe id="iframe" src="www.google.com" width="200" height="100"></iframe>
  <div class="top"></div>
</body>
<script type="text/javascript">
    function removeIFrame() {
var iframes = document.querySelectorAll('iframe');
for (var i = 0; i < iframes.length; i++) {
    iframes[i].parentNode.removeChild(iframes[i]);
}
}
</script>
<script type="text/javascript">
    function createIFrames() {
var ifrm = document.createElement("iframe");
        ifrm.setAttribute("src", "http://hello.com/");
        ifrm.style.width = "640px";
        ifrm.style.height = "480px";
        document.body.appendChild(ifrm);

}
}
</script>
</html>

var iframes = document.querySelectorAll('iframe');
for (var i = 0; i < iframes.length; i++) {
    iframes[i].parentNode.removeChild(iframes[i]);
}