<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>
js复制内容并分析有没有内容被复制
最新推荐文章于 2023-05-25 21:51:53 发布