JS側で生成したエレメントが2あったとして。 var d1 = document.createElement('div'); d1.id = 'd_1'; d1.appendChild(document.createTextNode('d1ですよ')); // <div id='d_1'>d1ですよ</div> var p1 = '<p>p1ですよ</p>'; 一方はエレメント作ってもう一方は横着。これをdocument.bodyに順番に挿入する。p1はappendChildできないのでinnerHTMLで。 document.body.appendChild(d1); setTimeout(function() { document.body.innerHTML = p1; }, 2000); 一応時間差をつけた。d1ですよが表示された後、p1ですよが出てくる。普通です。ではここから再度