美文网首页
cloneNode克隆节点

cloneNode克隆节点

作者: 薛定谔的程序 | 来源:发表于2019-12-25 10:20 被阅读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

相关文章

  • 轮播图

    1. cloneNode 克隆节点 cloneNode() 方法克隆所有属性以及它们的值要克隆所有的后代...

  • cloneNode克隆节点

  • 一名前端工程师的自学之路!Js篇(01-16更新)

    节点克隆 cloneNode() 用法: 对象.cloneNode([true]); true表示可有可无 如果含...

  • DOM节点的增删改

    1:DOM节点的增加 createElement创建节点 cloneNode克隆节点 appendChild追加节...

  • jQuery中的DOM操作2

    替换与创建节点 clone节点 克隆节点原生与jquery区别原生==>节点.cloneNode() true 克...

  • cloneNode()用法

    cloneNode() 方法创建节点的拷贝,并返回该副本。cloneNode() 方法克隆所有属性以及它们的值。如...

  • bom

    克隆:cloneNode() 克隆元素 cloneNode(true) 深度克隆 操作属性:attribute()...

  • HTML dom中cloneNode()与cloneNode(t

    cloneNode() 克隆的节点复制真节点的样式,标签,属性。至于标签里的元素,事件没有复制,所以称它浅克隆。 ...

  • DOM(四)

    第十天 03-对象模型-第04天{创建结构} 第十天节点操作克隆节点 - cloneNode()添加节点 - ap...

  • 2019-04-22

    cloneNode() 方法可创建指定的节点的精确拷贝。cloneNode() 方法 拷贝所有属性和值。 inne...

网友评论

      本文标题:cloneNode克隆节点

      本文链接:https://www.haomeiwen.com/subject/zdaqoctx.html