同じ構造を持つ複数のノード構造を生成するために for を使用することが多いため、createElement、setAttribute、appendChild などのコードを大量に記述する必要があります。
しかし、実際には、HTML テンプレートのみが必要で、 cloneNode メソッドを使用して、子ノードを含む既存のノードのクローンを作成できます。
以下は cloneNode メソッドのプロトタイプです:
newElement oldElement.cloneNode(bool deep);
このメソッドには深さのパラメーターが 1 つだけあり、それが true の場合、クローンが作成されます。 oldElement とこの子ノード、それ以外の場合はノード自体のみ。
戻り値は、複製されたノード newElement です。
以下はテスト コード、test.htm および test.js ファイルです。