javascript - 既に存在するものを削除せずにappendChildする方法は?

Question

ノードに4 つの要素を追加しようとしています<canvas>。appendChild() は既に存在していたものを削除するように見えるので、追加する前にそれらをすべて結合しようとしました...これを行う最善の方法は何ですか?DOM 例外が発生します。私が以下に持っているもので8。

// Initialize Canvases
var newCanvas1 = document.createElement('canvas');
newCanvas1.setAttribute('width', 300);
newCanvas1.setAttribute('height', 300);
var newCanvas2 = newCanvas1, newCanvas3 = newCanvas1, newCanvas4 = newCanvas1;
newCanvas1.setAttribute('id', nodeID + 'canvas1');
newCanvas2.setAttribute('id', nodeID + 'canvas2');
newCanvas3.setAttribute('id', nodeID + 'canvas3');
newCanvas4.setAttribute('id', nodeID + 'canvas4');

var canvases = newCanvas1 + newCanvas2 + newCanvas3 + newCanvas4;

console.log(canvases);

node.appendChild(canvases);