jQueryのclone()をJavaScriptで代替するサンプルコード

2023-07-29

JavaScriptでclone()メソッドの代替として使用できるサンプルコードを以下に示します。

function cloneElement(element) {
	return element.cloneNode(true);
}

// 使用例
var originalElement = document.getElementById("original");
var clonedElement = cloneElement(originalElement);
document.body.appendChild(clonedElement);

上記のコードでは、cloneElement()という関数を定義しています。この関数は、与えられた要素をクローンし、そのクローンされた要素を返します。cloneNode()メソッドを使用して要素をクローンしているため、trueを引数として渡すことで、クローンされた要素の子孫もすべてクローンされるようになります。

使用例では、getElementById()メソッドを使用してoriginalというIDを持つ要素を取得し、cloneElement()関数を使用してその要素をクローンしています。最後に、クローンされた要素をappendChild()メソッドを使用してdocument.bodyに追加しています。

このサンプルコードは、jQueryのclone()メソッドと同様の機能を提供します。