[ksa]

Как их разместить, чтобы сначала шли дивы id="a", за ними id="b"

Предложу такой вариант...

<script type="text/javascript">
function sort() {
	var ob=document.getElementById('box');
	var move,oa,i;
	do {
		oa=ob.getElementsByTagName('div');
		move=false;
		for (i=1; i<oa.length; i++) {
			if (oa[i-1].id>oa[i].id) {
				ob.insertBefore(oa[i],oa[i-1]);
				move=true;
			};
		};
	} while (move)
}
</script>
<div id='box'>
   <div id='d'>id=d</div>
   <div id='b'>id=b</div>
   <div id='c'>id=c</div>
   <div id='a'>id=a</div>
</div>
<button onclick='sort()'>Sort</div>