HTML DOM cloneNode() 方法

HTML DOM Element 對(duì)象

cloneNode()方法的作用是:返回調(diào)用該方法的節(jié)點(diǎn)的副本。

cloneNode()方法克隆所有屬性及其值。

使用appendChild()insertBefore()方法將克隆的節(jié)點(diǎn)插入文檔中。

注意: cloneNode()可能導(dǎo)致文檔中元素ID重復(fù)。

語(yǔ)法:

node.cloneNode(deep)
var node = document.querySelector("#box").firstElementChild;
var copy = node.cloneNode(true);
document.getElementById("result").appendChild(copy);
測(cè)試看看?/?

瀏覽器兼容性

所有瀏覽器完全支持cloneNode()方法:

Method
cloneNode()

參數(shù)值

參數(shù)描述
deep(可選)指定是否應(yīng)克隆節(jié)點(diǎn)的所有后代
可能的值:
  • -克隆的節(jié)點(diǎn),它的屬性,它的后代

  • -僅克隆節(jié)點(diǎn)及其屬性(默認(rèn))。

技術(shù)細(xì)節(jié)

返回值:一個(gè)Node對(duì)象,代表克隆的節(jié)點(diǎn)
DOM版本:DOM級(jí)別1

更多實(shí)例

復(fù)制DIV元素(包括其所有屬性和子元素),并將其附加到文檔中:

var node = document.querySelector("#box");
var copy = node.cloneNode(true);
document.body.appendChild(copy);
測(cè)試看看?/?

相關(guān)參考

HTML DOM參考:document.adoptNode()方法

HTML DOM參考:document.importNode()方法

HTML DOM Element 對(duì)象

丰满人妻一级特黄a大片,午夜无码免费福利一级,欧美亚洲精品在线,国产婷婷成人久久Av免费高清