克隆节点element.cloneNode(boolean)案例 

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<div id="div">
    <span id="sp">外<span>内</span></span>
</div>

</body>
<script>
    let sp = document.getElementById('sp');
    let div = document.getElementById('div');
    //如果为 false  浅层复制   只复制   本节点  不复制 子节点。
    div.appendChild(sp.cloneNode(false));
    // 如果 里面是 true  深层复制， 除了复制本盒子，还复制子节点
    div.appendChild(sp.cloneNode(true));
    div.appendChild(sp.cloneNode()); //默认为false
</script>
</html>
posted @ 2019-12-20 15:53  杨小越  阅读(485)  评论(0)    收藏  举报