JavaScript Element cloneNode() 方法

• 

  JavaScript Element cloneNode() 方法

  cloneNode()方法创建节点的副本，并返回克隆。cloneNode()方法克隆所有属性及其值。

  提示：使用appendChild()或insertBefore()方法将克隆节点插入到文档中。

  提示：如果要克隆所有后代（子项），请将深度参数值设置为true，否则设置为false。

  实例：

  将<li>元素从一个列表复制到另一个列表：

  // 获取<ul>的最后一个<li>元素（“Milk”），其中id =“myList2”
  var itm = document.getElementById("myList2").lastChild;
  
  // 复制<li>元素及其子节点
  var cln = itm.cloneNode(true);
  
  // 将克隆的<li>元素附加到<ul>，其中id =“myList1”
  document.getElementById("myList1").appendChild(cln);
  

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  方法
  cloneNode()	支持	支持	支持	支持	支持

• 

  语法

  node.cloneNode(deep)
• 

  参数值

  参数	类型	描述
  deep	Boolean	可选的。 指定是否应克隆节点的所有后代。 true - 克隆节点，其属性及其后代 false - 默认。 仅克隆节点及其属性

• 

  技术细节

  项目	描述
  返回值：	Node对象，表示克隆的节点
  DOM版本	Core Level 1

• 

  更多例子

  复制<div>元素，包括其所有属性和子元素，并将其附加到文档：

  var elmnt = document.getElementsByTagName("DIV")[0];
  var cln = elmnt.cloneNode(true);
  document.body.appendChild(cln);
  

  尝试一下
• 

  相关页面

  HTML DOM参考：document.adoptNode()方法

  HTML DOM参考：document.importNode()方法

  HTML DOM参考：document.createElement()方法

  HTML DOM参考：document.createTextNode()方法