cloneNode()方法的作用是:返回调用该方法的节点的副本。
cloneNode()方法克隆所有属性及其值。
使用appendChild()或insertBefore()方法将克隆的节点插入文档中。
注意: cloneNode()可能导致文档中元素ID重复。
node.cloneNode(deep)
var node = document.querySelector("#box").firstElementChild; var copy = node.cloneNode(true); document.getElementById("result").appendChild(copy);测试看看‹/›
所有浏览器完全支持cloneNode()方法:
Method | |||||
cloneNode() | 是 | 是 | 是 | 是 | 是 |
参数 | 描述 |
---|---|
deep | (可选)指定是否应克隆节点的所有后代 可能的值:
|
返回值: | 一个Node对象,代表克隆的节点 |
---|---|
DOM版本: | DOM级别1 |
复制DIV元素(包括其所有属性和子元素),并将其附加到文档中:
var node = document.querySelector("#box"); var copy = node.cloneNode(true); document.body.appendChild(copy);测试看看‹/›
HTML DOM参考:document.adoptNode()方法
HTML DOM参考:document.importNode()方法