如何將附加元素放在容器中？

Question

我工作的一個HTML5 Project.I正在以下問題 如： -

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);