使用具有新id的javascript克隆html中的div

我从服务器得到json响应，例如

{
"data": [
{
    "id": "123",
    "name": "Tree",
    "category": "Green"
},
{
    "id":"456",
    "name":"Paper",
    "category":"Green"
},
{
    "id":"789",
    "name":"Polybag",
    "category":"Red"
}
],
"string": "Hello World"
}

在我的HTML中，我有这样一个div

<div class="pageHeader">
            <div id="pageInfo">
                <div id="pageNameBox">
                    <p><span class="title">Name:</span><label id="pageName">Tree</label></p>
                </div>
                <div id="pageCatBox">
                    <p><span class="title">Category:</span><label id="pageCat">Green</label></p>
                </div>
            </div>
            <div id="expandCollapseButton">
                <input type="button" name="excoll" value="Expand" class="fbButton">
            </div>
        </div>

姓名:Tree

类别：绿色

现在，根据我从服务器接收的项目数量，在本例3中，我想克隆这个div，并使用从服务器接收的值生成一个新的div，该div具有我们从服务器获得的id。我不想使用jQuery，我知道我可以克隆一个组件，但我不确定如何给新组件赋值，以及如何设置组件的id

应该是这样的，而且非常直截了当，就像

var elem = document.getElementById('pageHeader'); // get an element

var clone = elem.cloneNode(true);// clone it,"true" is a deep clone with children

clone.id = 'the_new_id'; // give it a new ID

parent.appendChild(clone); // put it somewhere

请注意，您还应该更改所有子项的ID，否则您将有重复的

，这非常简单，类似于

var elem = document.getElementById('pageHeader'); // get an element

var clone = elem.cloneNode(true);// clone it,"true" is a deep clone with children

clone.id = 'the_new_id'; // give it a new ID

parent.appendChild(clone); // put it somewhere

请注意，您还应该更改所有子项的ID，否则您将有重复的

，这非常简单，类似于

var elem = document.getElementById('pageHeader'); // get an element

var clone = elem.cloneNode(true);// clone it,"true" is a deep clone with children

clone.id = 'the_new_id'; // give it a new ID

parent.appendChild(clone); // put it somewhere

请注意，您还应该更改所有子项的ID，否则您将有重复的

，这非常简单，类似于

var elem = document.getElementById('pageHeader'); // get an element

var clone = elem.cloneNode(true);// clone it,"true" is a deep clone with children

clone.id = 'the_new_id'; // give it a new ID

parent.appendChild(clone); // put it somewhere

请注意，您还应该更改所有子项的ID，否则会有重复项