zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    ModelMap和ModelAndView的作用
    jquery 临时存值
    条件sql ibatis
    IBATIS动态SQL
    MyEclipse 快捷键
    jquery $用法
    弹窗案例
    Ibatis sql语句1
    Ibatis sql语句
    jQuery的三种$()
  • 原文地址:https://www.cnblogs.com/jevil/p/2972946.html
Copyright © 2011-2022 走看看