Question

JS DIV 点击排序

<div onclick=''><span>正序</span></div> 点击后改变顺序 5 4 3 2 1
<div class="titleDiv" >1 </div>
<div class="titleDiv" >2 </div>
<div class="titleDiv" >3 </div>
<div class="titleDiv" >4 </div>
<div class="titleDiv" >5 </div>

Answer 1

<script type="text/javascript">
	var div=document.getElementsByTagName("div")[0];
	div.onclick=function(){
		if(this.children[0].innerHTML=="正序"){
			this.children[0].innerHTML="反序";
		}else{
			this.children[0].innerHTML="正序";
		}
		var divs=document.getElementsByClassName("titleDiv");
		for(var i=0,arr=[];i<divs.length;arr.push(divs[i++]));
		arr.reverse();
		for(var i=0;i<arr.length;document.body.appendChild(arr[i++]));
	}
</script>

可以连续改变顺序 

可以1 2 3 4 5,

也可以5 4 3 2 1