javascript cloneNodeの使ってhtmlをコピーする

javascript cloneNodeの使ってhtmlをコピーする

javascriptで、cloneNodeメソッドを使用して、htmlをコピーするサンプルコードを記述してます。ここでは簡単なcloneNodeメソッドの使い方も記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43

※windows10にApacheのインストールはこちら

cloneNodeメソッド使い方

cloneNodeメソッド使用するとhtml要素を取得することが可能です。

cloneNodeメソッド使用例

サンプルコード

以下は、「複製」ボタンをクリックすると「id=”hoge”」要素の子ノードまでコピーして、別の要素に展開するサンプルコードとなります。

※cssには「uikit」を使用してます。

html要素がコピーされて展開されていることが確認できます。