如何使用纯Javascript将未知HTML括在div中？

Question

我有一个HTML页面，其中包含各种类型的内容。 我想制作一个JavaScript函数，在运行时将<body>标记内的所有内容括入<div id="content-container"> 。 然后，我希望能够添加一个<div id="verifying"></div>新的<div> 。 我想我知道如何使用jQuery，但是我需要使用普通的Javascript来实现。

关于如何做到这一点的任何想法吗？

Answer 1

这就是我可能会做的。

var body = document.body;

var contentContainer = document.createElement('div');
contentContainer.id = 'content-container';

var node;

while (node = body.firstChild) {
    contentContainer.appendChild(node);
}

body.appendChild(contentContainer);

var verifying = document.createElement('div');
verifying.id = 'verifying';
contentContainer.appendChild(verifying);

jsFiddle 。

Answer 2

我还没有测试，但是我想您可以获取文档的innerHTML并将其设置为所需的任何包装字符串（或div）本身。

类似于以下内容：

body = methodToLocateBodyInTheDom();
body.innerHTML = "<div id='content-container'>" + body.innerHTML + "</div>"

可能有更好的方法，但是我认为这种性质的方法一定可以工作。

如何使用纯Javascript将未知HTML括在div中？

问题描述

2 个解决方案

解决方案1
5 已采纳 2011-09-15 01:33:18

解决方案2
0 2011-09-15 01:33:54

如何使用纯Javascript将未知HTML括在div中？

问题描述

2 个解决方案

解决方案1 5 已采纳 2011-09-15 01:33:18

解决方案2 0 2011-09-15 01:33:54

解决方案1
5 已采纳 2011-09-15 01:33:18

解决方案2
0 2011-09-15 01:33:54