Javascript复制节点并修改HTML

我克隆了一个节点，如下所示：

var my_ele = document.getElementsByClassName('my-ele')[0].cloneNode(true)

哪些副本：

<div class="my-ele">
    <h1>My Element</h1>
    <p>Some text...</p>
</div>

我的元素
一些文字

复制后，如何修改复制节点的HTML？也许再加上一个标题，把段落移到最上面。这在Javascript中可以实现吗？

只需使用.innerHTML即可

// copy the node
var my_ele = document.getElementsByClassName('my-ele')[0].cloneNode(true);

// set the innerHTML value of the copied node to whatever you want. 
// Here, we're appending a red H1 to the beginning of it.
my_ele.innerHTML = '<h1 style="color:red;">Another Header</h1>' + my_ele.innerHTML;

// append to the dom
document.body.appendChild(my_ele);

//复制节点
var my_ele=document.getElementsByClassName（'my-ele'）[0].cloneNode（true）；
//将复制节点的innerHTML值设置为所需的值。
//在这里，我们在它的开头加上一个红色的H1。
my_ele.innerHTML='另一个标题'+my_ele.innerHTML；
//附加到dom
document.body.appendChild（my_ele）；

实例：

编辑

---

要对元素重新排序，可以进一步将克隆的元素分解为其子元素，单独操作它们，然后重新附加到克隆的元素。示例：

Simple，一旦将此元素添加到DOM中，您就可以使用可用的标准技术轻松地对其进行操作。my_ele.innerHTML=//只需编写您希望它包含的html即可。是否可以对任何克隆的元素重新排序？@doidge当然，请查看编辑/附加的jsbin。