divを確実にする方法をappendChildを使用して

Question

私はいくつかを削除し、他のものを追加して、<div>の操作をしようとしています。予想通り<div> sが最初にそれらが全て分離している作成された場合、すなわち互いにunderneithずらし、

<div id='parentdiv' style='width:100%;height:100%;overflow:auto;'> 
    <div id = 'div1' style='width:100%;height:400px;'> 
     <canvas></canvas> 
    </div> 
    <div id='div2' style='width:100%;height:400px;'> 
     <canvas></canvas> 
    </div> 
    <div id='div3' style='width:100%;height:400px;'> 
     <canvas></canvas> 
    </div> 
</div> 

：私はそれで<div>数sを持つ親<div>を持っています。しかし私は、このような初期<div> Sのすべて削除する場合：

var elem = document.getElementById("div" + c); 
if (elem != null) { 
    elem.parentNode.removeChild(elem); 
} 

をし、このように後ろにそれらを追加：<div>は同じ空間で互いの上に積み重ねるように見える

var elem = document.getElementById("parentdiv"); 
var d = document.createElement("div"); 
d.id = "div" + c; 
d.style = "width:100%;height:400px;"; 
elem.appendChild(d); 

ちょっとしたものではありません。どうやってそれらをずらすのですか？パラメータがありませんか？うまくいけば、私が行ったように、同じ間違いをしている文字列を介して処理することができないのdivのスタイルを設定することから、他の人を防ぐため

Answer 1

は、個々の属性には、スタイル設定だったこの

d.style.width = "100%"; 
d.style.height = "400px"; 

のように設定する必要があります基本的に無視された、すなわち彼らはスペースを取らなかった。