javascript - 子なしで要素を複製

Question

子をコピーせずに要素をコピーする方法はありますか?

私の目標は、すべてのクラス、インライン スタイルなどと共に、テーブルを複製することです。しかし、テーブル要素の子をコピーしたくありません。

テーブル全体をコピーしてから、コピーから子を削除できることに気付きました。しかし、画面のちらつきを最小限に抑えたいのですが、要素がDOMに表示される前に要素を操作する際に問題があることを思い出したようです。

助言がありますか？

Answer 1

.cloneNodeを使用

var t = document.createElement("table");
t.setAttribute("style",'background:#0F0; font-size:12px;');
var tr = document.createElement("tr");
var td = document.createElement("td");
td.appendChild(document.createElement("input"));
tr.appendChild(td);
t.appendChild(tr);
var clone = t.cloneNode();
console.log(clone);
//outputs 
//<table style="background:#0F0; font-size:12px;"></table>