ホームページ  >  記事  >  ウェブフロントエンド  >  cloneNode メソッド_javascript スキルを使用してノードのクローンを作成するための JavaScript コード

cloneNode メソッド_javascript スキルを使用してノードのクローンを作成するための JavaScript コード

WBOY
WBOYオリジナル
2016-05-16 17:49:001725ブラウズ

同じ構造を持つ複数のノード構造を生成するために for を使用することが多いため、createElement、setAttribute、appendChild などのコードを大量に記述する必要があります。

しかし、実際には、HTML テンプレートのみが必要で、 cloneNode メソッドを使用して、子ノードを含む既存のノードのクローンを作成できます。
以下は cloneNode メソッドのプロトタイプです:

newElement oldElement.cloneNode(bool deep);

このメソッドには深さのパラメーターが 1 つだけあり、それが true の場合、クローンが作成されます。 oldElement とこの子ノード、それ以外の場合はノード自体のみ。

戻り値は、複製されたノード newElement です。

以下はテスト コード、test.htm および test.js ファイルです。

コードをコピー コードは次のとおりです: