JS 多个元素随机排列

<html>
<head>
<title>random</title>
<script>
window.onload=function(){
 randomFun()
}
function randomFun(){

     var span=document.getElementById('a');
     var spanItem=document.getElementsByName('b');
     var random=function(){return Math.random()>0.5 ? -1 : 1};//为sort()传入的随机排列参数
     var spanArr=new Array();//用来存放元素的数组
     var k,m;
     for(var i=0; i<spanItem.length; i++){
      spanArr.push(spanItem[i]);//将元素存入元素数组
     }
     spanArr.sort(random);//打乱元素数组排列顺序
     for(k=0; k<spanArr.length; k++){
      span.appendChild(spanArr[k]);//将打乱后的元素重新插入到页面中
     }
}
</script>
</head>
<body>
 <div id='a'>
    <a name="b" href="0">0 </a>
    <a name="b" href="1">1 </a>
    <a name="b" href="2">2 </a>
    <a name="b" href="3">3 </a>
 </div>
</body>
</html>
原文地址:https://www.cnblogs.com/jevil/p/2972946.html