html点击按钮自动复制,html中点击某个按钮,复制一个div展示

工作需要，目前还是接触前端，复习一些比较基础的前端知识。

当点击复制按钮时，将id=div-0块的内容进行复制,并将id=div-i(i是一个动态数字，防止id重复)。

当所有的文本有五个时，再点击复制按钮，出现弹出框提示。

var i =1;

function tianjia() { if(i>=5){

alert("超过5个模板");

}else{

var sourceNode = document.getElementById("div-0"); // 获得被克隆的节点对象

var clonedNode = sourceNode.cloneNode(true); // 克隆节点

clonedNode.setAttribute("id", "div-" + i); // 修改一下id 值，避免id 重复

sourceNode.parentNode.appendChild(clonedNode); // 在父节点插入克隆的节点

i=i+1;

}

}

"Hello World!!!"

复制