本文实例讲述了DOM节点深度克隆函数cloneNode()用法。分享给大家供大家参考。
<div
id=
"container"
>
<ul>
<li>春天
</li>
<li>夏天
</li>
<li>秋天
</li>
<li>冬天
</li>
</ul>
</div>
<div
id=
"copyul"
>
</div>
<hr /
>
<button
onclick=
"t()"
value=
""
>指定位置增加节点
</button>
<script
type=
"text/javascript"
>
function t() {
var nodeul = document.getElementsByTagName(
'ul')[
0];
//获取需要复制的UL节点
var newul = nodeul.cloneNode(
true);
//true表示深度复制,即边下边的li和文本也一起;如果是false,则只复制ul
var node_copy = document.getElementById(
'copyul');
node_copy.appendChild(newul);
}
<
/script>