cloneNode()方法的作用是:返回調(diào)用該方法的節(jié)點(diǎn)的副本。
cloneNode()方法克隆所有屬性及其值。
使用appendChild()或insertBefore()方法將克隆的節(jié)點(diǎn)插入文檔中。
注意: cloneNode()可能導(dǎo)致文檔中元素ID重復(fù)。
node.cloneNode(deep)
var node = document.querySelector("#box").firstElementChild; var copy = node.cloneNode(true); document.getElementById("result").appendChild(copy);測(cè)試看看?/?
所有瀏覽器完全支持cloneNode()方法:
Method | ![]() | ![]() | ![]() | ![]() | ![]() |
cloneNode() | 是 | 是 | 是 | 是 | 是 |
參數(shù) | 描述 |
---|---|
deep | (可選)指定是否應(yīng)克隆節(jié)點(diǎn)的所有后代 可能的值:
|
返回值: | 一個(gè)Node對(duì)象,代表克隆的節(jié)點(diǎn) |
---|---|
DOM版本: | DOM級(jí)別1 |
復(fù)制DIV元素(包括其所有屬性和子元素),并將其附加到文檔中:
var node = document.querySelector("#box"); var copy = node.cloneNode(true); document.body.appendChild(copy);測(cè)試看看?/?
HTML DOM參考:document.adoptNode()方法
HTML DOM參考:document.importNode()方法