js复制节点

<script type="text/javascript">
window.onload = function(){
// 抓取元素
var box1 = document.getElementById("box1");
var h1 = document.getElementById("h1");
var box2 = document.getElementById("box2")
// 添加点击事件
box1.onclick = function(){
// 获得h1里的内容
var com = h1.innerHTML;
// 克隆节点
var con = h1.cloneNode();
// 将内容写到克隆的节点内
con.innerHTML = com;

console.log(con)
// 插入到box2中
box2.appendChild(con);
}
}

</script>

///////////////////////html////////////////

<div id="box1" class="box">
<h1 id="h1">1</h1>
</div>
<div id="box2" class="box">

</div>

/////////////////////css////////////////////

<style type="text/css">
.box{
width: 500px;
height: 300px;
border: 1px solid black;
}
</style>