如何获取body元素中的全部内容并将其移动到div中



是否可以将body元素中的所有内容都放在div中?

下面是一个例子,虽然我不想简单地添加正文的内容,但我想将其添加到div中。我相对较新,所以如果我的问题不清楚,而且我对使用什么方法的了解有限,我很抱歉。

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

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

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>元素。这是通用代码。您可以将其应用于任何元素。

最新更新