如何使用純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