0

You can notice the iframe reloads when ever ever change parents is clicked.

document.getElementById('changeParent').addEventListener('click',
  () => {
    document.getElementById('container2')
      .append(
        document.querySelector('iframe')
      );
  });
<div id="container1">
  <iframe src='https://developer.mozilla.org/en-US/'></iframe>
</div>
<div id="container2">
</div>
<button id='changeParent'> Change Parents</button>
vishnu sandhireddy
  • 1,148
  • 1
  • 7
  • 12
  • 1
    In short, you can't. Long answer: https://stackoverflow.com/questions/8318264/how-to-move-an-iframe-in-the-dom-without-losing-its-state – F'1 Sep 13 '22 at 06:03

0 Answers0