js複製內容並分析有沒有內容被複制
阿新 • • 發佈:2018-12-14
<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>