js基础克隆

一 克隆是什么

       克隆是将获取的dom页面进行拷贝,克隆出的依然有它原有的属性,克隆出层级高的页面
时可以获取它子类的dom元素属性 

<html>
<haed>
   <title><tile>
  </haed>
<body>
       <div>
       <ul>
           <li></li>
         </ul>
   
  </div>
   
   <script>
     //克隆一个li克隆的前提是先得到一个页面对象,获取到了在开始一系类的操作
    //获取li 
     var li =document.querySelector('li')
    //接收返回值,用返回值克隆出该对象 
     var cn = li.cloneNode(true)

     //调用克隆后cn的属性进行修改 或者查看
     cn.style.backgroundColor = 'red'

     //给li标签增加内用  也可以直接调用获取值
      cn.innerHTML= '你好啊'
     
    //现在所获取的仅仅克隆ul里面依然还是一个li 克隆后还需要将你克隆的给到一个你想实现的地方
    document.querySelector('ul').appendChild(cn);
    
    //此时ul中就有两个li克隆后的有背景色和内容 而克隆前的则还是单单没有样式和内容的空li
  </script>  

   







     </body>
</html>

    以上是最最基础的克隆
 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值