DOM节点深度克隆函数cloneNode()用法实例_技术学院_宜昌市隼壹珍商贸有限公司

您好,欢迎访问宜昌市隼壹珍商贸有限公司

400 890 5375
当前位置: 主页 > 新闻动态 > 技术学院

DOM节点深度克隆函数cloneNode()用法实例

发布时间:2026-01-18  |  点击率:

本文实例讲述了DOM节点深度克隆函数cloneNode()用法。分享给大家供大家参考。

具体实现方法如下:
复制代码 代码如下:<html>
<head>
<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>
</head>
<body>
<div id="container">
 <ul>
  <li>春天</li>
  <li>夏天</li>
  <li>秋天</li>
  <li>冬天</li>
 </ul>
</div>
<div id="copyul">
</div>
<hr />
<button onclick="t()" value="">指定位置增加节点</button>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

全国统一服务电话

400 890 5375

电子邮箱:879577@qq.com

公司地址:宜昌市西陵区黄河路5号三峡明珠10栋1051室

咨询微信

TEL:13680874598