1. 程式人生 > >js複製內容並分析有沒有內容被複制

js複製內容並分析有沒有內容被複制

<html>
<head>
    <title>Test of cloneNode Method</title>
</head>
<body>
<div id="main">
    <div id="div-0" style="width: 30%;height: 20%;background-color: bisque;margin-bottom: 10px;float: left;margin-left: 3px">

    </div>
</div>
<script>
window.onload = function () {
       var sourceNode = document.getElementById("div-0"); // 獲得被克隆的節點物件
         for (var i = 1; i < 3; i++) {
                  var clonedNode = sourceNode.cloneNode(false); // 克隆節點 ture克隆子選擇內容 false不克隆
                  clonedNode.setAttribute("id", "div-" + i); // 修改一下id 值,避免id 重複
                  sourceNode.parentNode.appendChild(clonedNode); // 在父節點插入克隆的節點

                }
       }
</script>
</body>
</html>