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