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

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