javascript - 最後に追加された要素をコンテナに入れる方法は?

Question

HTML5 プロジェクトに取り組んでいます。たとえば、次の問題が発生しています。

var appededCanvas =document.createElement('canvas');        //Canvas to append
document.getElementById("div1").appendChild(appededCanvas );// div1 is container of Canvas

これで、「appededCanvas」が「div1」内に追加されます。

より多くの要素（「div1」の子として）が「div1」に追加されている場合、それらの要素は「appededCanvas」の前に追加されます。「appededCanvas」は最後に（子として）残ります。これどうやってするの ？

Answer 1

使用するparent.insertBefore(newElement, child)

var appededCanvas =document.createElement('canvas'); 
var container = document.getElementById("div1");

container.appendChild(appededCanvas);
container.insertBefore(newElement, appendedCanvas);

// or if you want the last inserted element in the first
container.insertBefore(newElement, container.firstChild);