如何获取位于 body 元素内的整个内容并将其移动到 div 内？答案

【问题标题】：How can I take the entire content located inside the body element and move it inside a div?如何获取位于 body 元素内的整个内容并将其移动到 div 内？
【发布时间】：2022-11-02 00:33:45
【问题描述】：

是否可以将 body 元素中的所有内容放入 div 中？

下面是一个例子，虽然我不想简单地添加body的内容，但我想将它添加到一个div中。我比较新，所以如果我的问题不清楚并且我对使用什么方法的了解有限，我深表歉意。

let innards = document.body.innerHTML;
document.body.innerHTML += innards;

我试图将 innerHTML 添加到 div，但它似乎并没有以相同的方式工作。有没有办法提取innerHTML？

【问题讨论】：

您已经在提取它，但是您还没有得到 div 来将内容放入其中。
@caTS 抱歉，我只添加了一个小的 sn-p。 div 已创建。我实际上找到了解决方案。它是：div.innerHTML = innards.innerHTML

标签： javascript google-chrome-extension

【解决方案1】：

var parent = document.body.parentNode;
var div = document.createElement('div');
var content = document.body
parent.replaceChild(div, content);
div.appendChild(content);

<html>
<body>
<p>Main Content starts here</p>
<!-- Rest of the html -->
</body>
</html>

这将用新创建的div 元素包装<body> 元素。这是通用代码。您可以将此应用于任何元素。

【讨论】：