JS 多个元素随机排列

最新推荐文章于 2024-06-01 17:34:08 发布

weixin_30784141

最新推荐文章于 2024-06-01 17:34:08 发布

阅读量350

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/jevil/archive/2013/03/21/2972946.html

版权

<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/archive/2013/03/21/2972946.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30784141

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS 多个元素随机排列

<html><head><title>random</title><script>window.onload=function(){ randomFun()}function randomFun(){ var span=document.getElementById('a'); ...
复制链接

扫一扫