要素のクローン

要素をクローンするには、クローンしたい要素のcloneNode()メソッドを使用します。

const target = document.querySelector('div');
const clonedTarget = target.cloneNode();Code language: JavaScript (javascript)

デフォルトでは、cloneNode()メソッドは対象要素のみをクローンし、対象要素のすべての子孫はクローンしません。

要素とその子孫もクローンするには、cloneNode()メソッドにtrueを渡します。

const target = document.querySelector('div');
const clonedTarget = target.cloneNode(true);Code language: JavaScript (javascript)

この要素のクローン方法は、ディープクローニングとして知られています。