节点操作之克隆节点

Dear 丶 2023-10-03 15:19 60阅读 0赞

节点操作之克隆节点

  1. <!DOCTYPE html>
  2. <html lang="en">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8.     <title>节点操作之克隆节点</title>
  9. </head>
  11. <body>
  13.     <ul>
  14.         <li>1111</li>
  15.         <li>2</li>
  16.         <li>3</li>
  17.     </ul>
  19.     <script>
  22.         var ul = document.querySelector('ul');   //获取元素
  25.         // 1. node.cloneNode(); 括号为空或者里面是false 浅拷贝 只复制标签不复制里面的内容
  28.         // 2. node.cloneNode(true); 括号为true 深拷贝 复制标签复制里面的内容
  31.         var lili = ul.children[0].cloneNode(true);
  34.         ul.appendChild(lili);
  36.     </script>
  37. </body>
  39. </html>

发表评论

表情：
评论列表 （有 0 条评论，60人围观）

还没有评论，来说两句吧...

相关阅读