[js] cloneNode

    <h1><div class="div1" id="div2" name="div3">我是div标签<p>我是p标签</p><span>我是span标签</span></div></h1><h2></h2>

var oDiv = document.querySelector('div');var oH2 = document.querySelector('h2');// 克隆复制一个 div标签对象
var oDivClone = oDiv.cloneNode(true);
// 将克隆复制的div标签对象 写入到 h2标签中
oH2.appendChild( oDivClone );

[js] cloneNode相关推荐

Js ——CloneNode()用法
描述: cloneNode() 方法可创建指定的节点的精确拷贝. cloneNode() 方法拷贝所有属性和值. 该方法将复制并返回调用它的节点的副本. 如果传递给它的参数是 true,它还将递归复 ...
【前端 HTML+CSS+JavaScript(JS)】DOM练习-图片在DIV间移动的实现-removeChild cloneNode position append 上下对齐带注释/总结
作业要求: 效果: 总结: 1.让元素上下对齐的方法: ①让图片上下对齐用vertical-align:cender; ②让其他元素上下对齐设置line-height与height一样. 2.CSS中 ...
[js高手之路] dom常用API【appendChild,insertBefore,removeChild,replaceChild,cloneNode】详解与应用
本文主要讲解DOM常用的CURD操作,appendChild(往后追加节点),insertBefore(往前追加节点),removeChild(移除节点),replaceChild(替换节点),clo ...
JS DOM 编程复习笔记 -- replaceChild、cloneNode、removeChild（八）
今天我们继续来去复习DOM操作的三个API,分别为replaceChild.cloneNode.removeChild,替换节点.克隆节点.删除节点,下面一个个来看它们的语法以及使用案例. repla ...
[js高手之路] dom常用API【appendChild,insertBefore,removeChild,replaceChild,cloneNode】详解与应用...
本文主要讲解DOM常用的CURD操作,appendChild(往后追加节点),insertBefore(往前追加节点),removeChild(移除节点),replaceChild(替换节点),clo ...
JS高级程序设计拾遗
<JavaScript高级程序设计(第三版)>反反复复看了好多遍了,这次复习作为2017年上半年的最后一次,将所有模糊的.记不清的地方记录下来,方便以后巩固. 0. <script& ...
动态增删表格行(纯JS写法)
动态增删表格行(纯JS写法) 归档进行表格下行的动态增加与删除 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional// ...
JS打字效果的动态菜单代码分享
这篇文章主要介绍了JS打字效果的动态菜单,推荐给大家,有需要的小伙伴可以参考下. 这是一款基于javascript实现的打字效果的动态菜单特效代码,分享给大家学习学习. 小提示:浏览器中如果不能正常运 ...
前端基础面试题大全-极乐科技（一）-JS部分
2019独角兽企业重金招聘Python工程师标准>>> #JS部分 ###1.几种基本数据类型?复杂数据类型?值类型和引用数据类型?堆栈数据结构? 基本数据类型:Undefined. ...

[js] cloneNode

[js] cloneNode相关推荐

最新文章

热门文章