Javascriptで要素を複製する

Javascriptで作成した要素や、既に存在している要素を複製したい場合には、cloneNode()メソッドを使用します。

function cloneElement(){
    var create_element = document.createElement('div');
    create_element.innerHTML = 'hogehoge';

    var existed_element = document.getElementById('hoge');

    // trueなら子要素まで複製する。falseなら指定されたNodeだけ複製。
    var clone_element1 = create_element.cloneNode(true);
    var clone_element2 = existed_element.cloneNode(true);

}

このメソッドを使うことで、本元の要素に影響を与えずに、本元と同じ性質を持つ要素を使って処理を行うことができます。