cloneNode克隆节点

2019-12-25  本文已影响0人  薛定谔的程序
<script>
        window.onload = function () {
            let oDiv = document.getElementById('div');
            let text = document.getElementById('text');
            // let newNode = oDiv.cloneNode();
            // oDiv.parentNode.appendChild(newNode);
            //克隆/复制的元素只有标签(含属性,id),没有内容
            // let newText = document.createTextNode('newDiv');
            // newNode.appendChild(newText);
            // oDiv.parentNode.appendChild(newNode);
            //这就好了或者传参数为true
            let newNode = oDiv.cloneNode(true);
            oDiv.parentNode.appendChild(newNode);
        }

    </script>
</head>
<body>
<div id="div">This is a div!</div>
<p id="text">This is a text!</p>
<em>em em em</em>
<p>cloneNode()参数:true 默认是false 如果传true,就会复制元素节点中的innerHTML</p>
image.png
上一篇 下一篇

猜你喜欢

热点阅读