本文实例讲述了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>
版权声明：本文为kiven_wolf原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。