appendChild oven over child

Hey..

Hvordan for jeg child2 til at være øverst??, Kan man benytte noget andet en appendChild for at få den ovenover den anden i stedet for nedenunder?

<div id="main">
    <div id="child1" style="width:100px; height:100px; background:#EEEEEE;"></div>
</div>

<script>
    var newchild;
    newchild = document.createElement('div');
    newchild.id = "child2";
    newchild.style.width = "100px";
    newchild.style.height = "100px";
    newchild.style.background = "#DDDDDD";
    document.getElementById('main').appendChild(newchild);
</script>