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 个答案: