将 html 块从一个页面移动到另一个页面

Question

我如何将一些 html 元素从一个页面移动到另一个页面，我认为如果我将两个 html 页面链接到同一个 Js 页面，JS 会完成这项工作，但我错了，我觉得这很容易，但缺少某些东西我可以”不要这样做，我在这里搜索了堆栈溢出和谷歌，但没有找到可以解决问题的方法

这是一个例子：

索引.html

<div id="parent1" class="container">

  <h1>text</h1>

  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore

    <span class="icon">icon</span></p>

</div>

<a href="#" class="btn">click me</a>

我想，当我点击 btn我的举动里面是什么#parent1的#parent2就是在input.html页面

输入.html

<div id="parent2" class="con">

</div>