JavaScrip复制元素

在JavaScrip中，我们可以使用cloneNode（）方法来实现复制元素。

代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>复制元素</title>
  <script>
      window.onload = function (){
          let oBtn =document.getElementById("btn");

          //为按钮添加点击事件
          oBtn.onclick = function (){
              let  oUl = document.getElementById("list");
              //复制
              document.body.appendChild(oUl.cloneNode(1));
          }
      }
  </script>
</head>
<body>
<ul id="list">
    <li>小明</li>
    <li>小红</li>
    <li>小李</li>
    <li>小王</li>
    <li>小黄</li>
</ul>
<input id="btn" type="button" value="复制">
</body>
</html>
运行结果：

 

 点击复制后：

 

 名字变成了2份

 

 
posted @ 2021-12-09 17:20  努力学爪哇  阅读(33)  评论(0)  编辑  收藏  举报