开启辅助访问
帐号登录 |立即注册

JS复制节点,浅拷贝和深拷贝案例

 
如果需要实现对HTML文档中某个节点的复制,可使用以下方式:
HTML文档结构代码:
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>

插入的JS代码如下:
<script>
var ul = document . querySelector('ul' );
// 1. node. cloneNode(); 括号为空或者里面是false为浅拷贝:只复制标签不复制里面的内容。
// 2. node. cloneNode(true); 括号为true为深拷贝:复制标签复制里面的内容。
var lili = ul. children[0]. cloneNode(true);
ul. appendChild(lili);
</script>



回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

友情链接
  • 艾Q网

    提供设计文章,教程和分享聚合信息与导航工具,最新音乐,动漫,游戏资讯的网站。