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); }
このメソッドを使うことで、本元の要素に影響を与えずに、本元と同じ性質を持つ要素を使って処理を行うことができます。